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支持
作者:xuanyuan093
链接:https://www.jianshu.com/p/16cc67537aaa
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。