想要編輯器識別vue文件需要安裝vue插件
1. 安裝方法：
File--> setting --> plugin ，點擊plugin，在內容部分的左側輸入框輸入vue，會出現1個關於vue的插件，點擊安裝即可。安裝完成后，就可以看到，新建文件時，會有vue文件的提示。
如下圖所示：
2:vue 使用的是es6語法， 所以要將javascript的版本改成es6
步驟：settings --> languages& frameworks -- > javascript ,選擇javascript,修改內容區域的javascript language version: ECMAScript 6 即可。
如下圖:
二:安裝vue.js插件時出現的問題
install時報錯:
Plugin Vue.js was not installed: Cannot download 'http://plugins.jetbrains.com/pluginManager/?action=download&id=Vue.js&build=WS-162.2228.20&uuid=b9b5c64e-2567-468f-8201-97902b604156': Connection failed with HTTP code 400
解決辦法:
1:打開下載插件的網址: http://plugins.jetbrains.com/ 搜索插件名字,如下圖:
2:點擊Download下載,如下圖:
3:打開Webstorm文件所在位置,如下圖:
4:把下載的插件復制到Plugins文件夾中,如下圖:
5:重啟Webstorm查看插件,已安裝成功,如下圖:
