Vue.js前端开发工具篇

webStorm识别vue语法

2018-02-06  本文已影响26人  xuanyuan093

1、webStorm下载vue插件,webStorm——preferences——plugins,搜索vue

webStorm中已安装vue插件的界面

如果没有安装过,界面长这样:

webStorm中未安装vue插件的界面——图1 webStorm中未安装vue插件的界面——图2

2、安装成功后,重启webStorm,重启完成后 webStorm—— preferences—— Editor ——File and Code Templates,点击右上角的加号  添加vue文件   Name为vue File,  Extension 为vue,下面的位置可以填写自定义的初始化模板内容

在webStorm中添加vue后缀的文件

3、高亮vue语法,webStorm—— preferences ——Editor ——File Type,选中html,点击下面的加号,添加*.vue,点击Apply,返回就可以看到webstorm 识别.vue文件中的语法

高亮vue语法

4、ES6支持:JavaScript选择es6

es6支持
上一篇 下一篇

猜你喜欢

热点阅读