在vue項(xiàng)目中如何實(shí)現(xiàn)vscode與eslint配合使用?相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。
不管是多人合作還是個(gè)人項(xiàng)目,代碼規(guī)范是很重要的。這樣做不僅可以很大程度地避免基本語(yǔ)法錯(cuò)誤,也保證了代碼的可讀性。這所謂工欲善其事,必先利其器,個(gè)人推薦 eslint+vscode 來(lái)寫(xiě) vue,絕對(duì)有種飛一般的感覺(jué)。
每次保存,vscode就能標(biāo)紅不符合eslint規(guī)則的地方,同時(shí)還會(huì)做一些簡(jiǎn)單的自我修正。安裝步驟如下:
首先安裝eslint插件
安裝并配置完成 ESLint 后,我們繼續(xù)回到 VSCode 進(jìn)行擴(kuò)展設(shè)置,依次點(diǎn)擊 文件 > 選項(xiàng) > 設(shè)置 打開(kāi) VSCode 配置文件,添加如下配置
"files.autoSave":"off", "eslint.validate": [ "javascript", "javascriptreact", "html", { "language": "vue", "autoFix": true } ], "eslint.options": { "plugins": ["html"] }