- 安裝Visual Studio Code
- 在Visual Studio Code中安裝Vetur插件：
Ctrl + P然后輸入ext install vetur
- 在Visual Studio Code中安裝Eslint插件：
Ctrl + P然后輸入ext install eslint
- File > Preference > Settings中的USER SETTINGS中配置：
{
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
]
}
- 使用vue-cli新建一個(gè)vue項(xiàng)目（https://github.com/vuejs-templates/webpack）
- 修改根目錄下的.eslintrc.js文件（將
plugin:vue/essential修改為plugin:vue/recommended）：
extends: [
// https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
// consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
'plugin:vue/recommended',
// https://github.com/standard/standard/blob/master/docs/RULES-en.md
'standard'
],
- 以后JS就有錯(cuò)誤提示了，并且直接save就能format代碼啦
- 最后，可以在chrome中安裝vue devtool插件桐筏，從而能夠在chrome中查看頁面的component信息兄世。
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
