1. 程式人生 > >webstorm關於vue的配置

webstorm關於vue的配置

work cnblogs edi frame 創建 右鍵 works ngs 可能

步驟一、安裝vue插件

打開webstorm,找到 File->Settings->Plugins,在右側搜索框中輸入“vue”,下面會有2個插件,分別點擊安裝,安裝後重啟webstorm即可。

技術分享

步驟二、創建vue templates

點擊項目,右鍵->Editor File Templates->點擊“+”,編輯完成後點擊Ok

技術分享

創建成功後,點擊項目,右鍵即可看見

這是我們就可以直接創建.vue文件啦

步驟三、項目可能會用到es6,所以也需要設置一下支持es6語法:

File->Settings->Languages&Frameworks->JavaScript

技術分享

webstorm關於vue的配置