1芍躏、webStorm下載vue插件邪乍,webStorm——preferences——plugins降狠,搜索vue
webStorm中已安裝vue插件的界面
如果沒有安裝過对竣,界面長(zhǎng)這樣:
webStorm中未安裝vue插件的界面——圖1
webStorm中未安裝vue插件的界面——圖2
2、安裝成功后榜配,重啟webStorm否纬,重啟完成后 webStorm—— preferences—— Editor ——File and Code Templates,點(diǎn)擊右上角的加號(hào)? 添加vue文件? ?Name為vue File,? Extension 為vue,下面的位置可以填寫自定義的初始化模板內(nèi)容
在webStorm中添加vue后綴的文件
3蛋褥、高亮vue語法临燃,webStorm—— preferences ——Editor ——File Type,選中html烙心,點(diǎn)擊下面的加號(hào)膜廊,添加*.vue,點(diǎn)擊Apply淫茵,返回就可以看到webstorm 識(shí)別.vue文件中的語法
高亮vue語法
4爪瓜、ES6支持:JavaScript選擇es6
es6支持