详解Webstorm 新建.vue文件支持高亮vue语法和es6语法


Posted in Javascript onOctober 26, 2017

Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法,分享给大家,具体如下:

添加新建.vue文件功能

①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

②点击安装vue.js

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

③安装成功后点击右下角Apply 提示重启webstorm 重启完成后 Setting-Editor-File and Code Templates 点击右上角的加号 添加vue文件 Name为vue File, Extension 为vue,下面的位置可以填写自定义的初始化模板内容

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

④点击OK 返回,在项目中新建会出现vue文件 webstorm配置新建vue文件完成。

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

高亮vue的语法和ES6支持

①高亮vue的语法Setting-File Types 选中html 点击下面的加号添加*.vue 点击Apply 返回就可以看到webstorm 识别.vue文件中的语法

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

②ES6支持:JavaScript选择es6

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

补充:看到有人说直接在<script>标签中添加type="text/ecmascript-6"里面的代码也会高亮并支持ES6。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用jQuery简化JavaScript开发分析
Feb 19 Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
javascript中expression的用法整理
May 13 Javascript
jquery序列化表单以及回调函数的使用示例
Jul 02 Javascript
bootstrap实现弹窗和拖动效果
Jan 03 Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 Javascript
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
nuxt配置通过指定IP和端口访问的实现
Jan 08 Javascript
Vue+TypeScript中处理computed方式
Apr 02 Vue.js
Node.js中环境变量process.env的一些事详解
Oct 26 #Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 #Javascript
vue+swiper实现组件化开发的实例代码
Oct 26 #Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 #Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 #Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 #Javascript
vue路由跳转时判断用户是否登录功能的实现
Oct 26 #Javascript
You might like
PHP生成带有雪花背景的验证码
2008/09/28 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
基于PHP实现生成随机水印图片
2020/12/09 PHP
JS 有名函数表达式全面解析
2010/03/19 Javascript
Jquery中显示隐藏的实现代码分析
2011/07/26 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
2015/04/16 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
vue+axios实现登录拦截的实例代码
2017/05/22 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
2020/06/10 Javascript
vue 点击其他区域关闭自定义div操作
2020/07/17 Javascript
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
[02:03]完美世界DOTA2联赛10月30日赛事集锦
2020/10/31 DOTA
Python文件及目录操作实例详解
2015/06/04 Python
Python的多态性实例分析
2015/07/07 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
Win8.1下安装Python3.6提示0x80240017错误的解决方法
2018/07/31 Python
Python开发的十个小贴士和技巧及长常犯错误
2018/09/27 Python
Linux 修改Python命令的方法示例
2018/12/03 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
孕妇内衣和胸罩:Cake Maternity
2018/07/16 全球购物
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
自主招生自荐信指南
2014/02/04 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
JavaScript 反射学习技巧
2021/10/16 Javascript
Python 数据可视化神器Pyecharts绘制图像练习
2022/02/28 Python