版本:VScode 1.25.1 , vue 2.5.2,eslint 4.15怠益,webpack 3.6
- 插件安裝
Vetur :用于編寫.vue文件 支持語法高亮摹量,代碼輔助完成
ESLint:用于語法檢查
IntelliJ IDEA Keybindings:習(xí)慣IDEA快捷鍵的可以安裝這個(gè)插件
SVN: 因?yàn)関scode默認(rèn)支持的是git勃痴,所以需要svn的則需安裝這個(gè)插件
插件的安裝方法均為:搜索-點(diǎn)擊install
安裝步驟
2.插件配置
這里我主要配置了eslint,如果不配置的話在vue編輯器中他不會(huì)做錯(cuò)誤提示:
點(diǎn)擊Settings->User settings 中添加如下代碼:
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue"
]
}
image.png
3.運(yùn)行vue項(xiàng)目洗搂,這里我用的是webpack消返,點(diǎn)擊Tasks -> Run Task 選擇 npm: dev