详解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 ajax cache缓存问题
Jul 01 Javascript
JS判断当前日期是否大于某个日期的实现代码
Sep 02 Javascript
ajax上传时参数提交不更新等相关问题
Dec 11 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
Mar 24 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
Dec 02 Javascript
jQuery实现联动下拉列表查询框
Jan 04 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
May 16 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 Javascript
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计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
javascript实现自动输出文本(打字特效)
2015/08/27 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
2016/10/28 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
2020/04/27 Javascript
vue elementui tree 任意级别拖拽功能代码
2020/08/31 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
利用Python批量提取Win10锁屏壁纸实战教程
2018/03/27 Python
Python3正则匹配re.split,re.finditer及re.findall函数用法详解
2018/06/11 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
python实现倒计时小工具
2019/07/29 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
python中读入二维csv格式的表格方法详解(以元组/列表形式表示)
2020/04/24 Python
Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题
2021/02/22 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
SQL面试题
2013/12/09 面试题
教师应聘个人求职信
2013/12/10 职场文书
五好党支部事迹材料
2014/02/06 职场文书
企业宣传方案
2014/03/04 职场文书
《四季》教学反思
2014/04/08 职场文书
2014年学校工作总结
2014/11/20 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
党校学习个人总结
2015/02/15 职场文书
2015年汽车销售经理工作总结
2015/04/27 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书
小学数学教学反思范文
2016/02/16 职场文书
Python基础 括号()[]{}的详解
2021/11/07 Python