webStorm识别vue语法

作者: xuanyuan093 | 来源:发表于2018-02-06 09:57 被阅读26次

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支持

相关文章

网友评论

    本文标题:webStorm识别vue语法

    本文链接:https://www.haomeiwen.com/subject/yeybzxtx.html