让在webStorm/phpstorm 支持vue文件

1.File -> settings -> Plugins 搜索 vue.js ,点击右边的install(因为我已经下载了,所以为uninstall),安装后,软件重启。

让在webStorm/phpstorm 支持vue文件_第1张图片

2.File -> settings ->Editor -> File and Code Templates

点击 + ,Name输入:Vue File ,Extension 输入:vue

贴入模板代码如下,后点击 OK:



让在webStorm/phpstorm 支持vue文件_第2张图片

3.此时你新建的Vue文件可能还是个未知类型的文件,如下操作,新建的vue文件即可出现Vue的logo,以及以上写好的模板代码

File ->Editor -> File Types,选中Vue.js template,然后添加 *.vue, 确定即可

让在webStorm/phpstorm 支持vue文件_第3张图片

4.新建Vue文件

让在webStorm/phpstorm 支持vue文件_第4张图片


你可能感兴趣的:(VUE)