本帖最后由 dakk 于 2017-12-21 00:02 编辑
当我们打开App.vue文件的时候，发现黑白分明啊，这说明此刻的webstorm并不支持vuejs文件，怎么办呢？还能说啥，配置呗！
![]() - webstorm安装vue插件
当我们file —》 settings的时候，找到plugin是，在搜索框中输入vue 发现并没有vue插件，如图，点击图中的链接下载即可。
![]()
2.安装vue，重新启动webstorm，再次打开App.vue文件。
![]()
发现webstorm已经对vue文件有高亮显示啦。
![]()
设置webstorm的vue新建文件模板仅仅支持vue文件还不行，还需要当我们新建.vue文件的时候，能够创建出vue的文件，怎么做呢？
方法：file–》settings —>file and code templates,在右侧找到vue点击，最右边设置 vue file 扩展名vue，如图：
![]() 这样在新建文件的时候就出现vue文件。
![]() 好啦，用webstorm开发vue的配置已经设置好了，可以愉快的敲代码啦
| 
收藏
淘帖
踩
