详解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 相关文章推荐
开发跨浏览器javascript常见注意事项
Jan 01 Javascript
jquery animate图片模向滑动示例代码
Jan 26 Javascript
JQuery实现动态适时改变字体颜色的方法
Mar 10 Javascript
javascript实现表单验证
Jan 29 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
zTree树形插件异步加载方法详解
Jun 14 Javascript
JavaScript变量基本使用方法实例分析
Nov 15 Javascript
小程序实现录音上传功能
Nov 22 Javascript
vue移动端使用canvas签名的实现
Jan 15 Javascript
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
vue中实现点击变成全屏的多种方法
Sep 27 Javascript
15个值得收藏的JavaScript函数
Sep 15 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 抽象类的简单应用
2011/09/06 PHP
PHP图片处理之使用imagecopyresampled函数裁剪图片例子
2014/11/19 PHP
PHP实现登陆表单提交CSRF及验证码
2017/01/24 PHP
关于图片按比例自适应缩放的js代码
2011/10/30 Javascript
提高javascript效率 一次判断,而不要次次判断
2012/03/30 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
Function.prototype.apply()与Function.prototype.call()小结
2016/04/27 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
js评分组件使用详解
2017/06/06 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
javascript匿名函数中的'return function()'作用
2018/10/15 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
Javascript call及apply应用场景及实例
2020/08/26 Javascript
[41:54]2018DOTA2亚洲邀请赛 4.1 小组赛A组加赛 TNC vs Liquid
2018/04/03 DOTA
跟老齐学Python之有点简约的元组
2014/09/24 Python
python fabric实现远程部署
2017/01/05 Python
使用pytorch实现可视化中间层的结果
2019/12/30 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
前台文员岗位职责及工作流程
2013/11/19 职场文书
电子商务系毕业生自荐信
2014/05/29 职场文书
德育标兵事迹材料
2014/08/24 职场文书
公安机关纪律作风整顿剖析
2014/10/10 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书
廉洁自律证明
2015/06/24 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书
一行代码python实现文件共享服务器
2021/04/22 Python
redis的list数据类型相关命令介绍及使用
2022/01/18 Redis