Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法

Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法

添加新建.vue文件功能
①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载 点击serch in repositories


②点击安装vue.js


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

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

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

②ES6支持:JavaScript选择es6

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,296评论 8 124
  • 月下访红梅,把酒花前坐。 何故东风不解情,吹落千千朵。 无意点梅妆,似被眉心锁。 静数相思到下弦,只有花知我。 和...
    知鱼清欢阅读 4,088评论 16 21
  • 在枇杷树下 两条牛的脖子上系着两条白围巾 多少蚂蚁从古代活到现在 它们,不管风雨 总是改变不了忙碌的命运 一点星星...
    隔着玻璃亲嘴阅读 903评论 1 0
  • 人老了老了就会经常追忆起以前的往事,都说青春不留遗憾那就不叫青春,话虽如此,但每每每想到这些,心会阵阵绞痛 那年...
    说好的看海呢阅读 2,224评论 0 1
  • 今天有点累 累得不想说话 拉耸着脑袋 眼睛多了一丝迷离 额头上的水像雨一样 这个世界的角落 到处是奋进的身影 再累...
    似冰的梦阅读 1,521评论 0 1