详解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 live()重复绑定的解决方法介绍
Jan 03 Javascript
详细解密jsonp跨域请求
Apr 15 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
jQuery实现hover合成事件的方法
Aug 06 Javascript
JavaScript实现的简单烟花特效代码
Oct 20 Javascript
原生JavaScript制作微博发布面板效果
Mar 11 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
ReactNative页面跳转实例代码
Sep 27 Javascript
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
详解Axios统一错误处理与后置
Sep 26 Javascript
vue print.js打印支持Echarts图表操作
Nov 13 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
SONY SRF-22W(33W)的电路分析和维修案例
2021/03/02 无线电
javascript两段代码,两个小技巧
2010/02/04 Javascript
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
js时间戳格式化成日期格式的多种方法
2013/11/11 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
2015/04/12 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
JavaScript Uploadify文件上传实例
2017/02/28 Javascript
js实现华丽的九九乘法表效果
2017/03/29 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
Less 安装及基本用法
2018/05/05 Javascript
node前端模板引擎Jade之标签的基本写法
2018/05/11 Javascript
原生JS+HTML5实现的可调节写字板功能示例
2018/08/30 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
vue 项目 iOS WKWebView 加载
2019/04/17 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
Vue.js使用axios动态获取response里的data数据操作
2020/09/08 Javascript
[30:00]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第二场 11.28
2020/12/01 DOTA
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
python提取照片坐标信息的实例代码
2019/08/14 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
俄罗斯第一家多品牌在线奢侈品精品店:Aizel.ru
2020/09/06 全球购物
Linux文件系统类型
2012/02/15 面试题
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
网络技术专业求职信
2014/05/02 职场文书
学校读书活动总结
2014/06/30 职场文书
2014党的群众路线教育实践活动总结报告
2014/10/31 职场文书
2015年治庸问责工作总结
2015/07/27 职场文书