在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)題。
創(chuàng)新互聯(lián)專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、網(wǎng)站制作、濟(jì)南網(wǎng)絡(luò)推廣、小程序開(kāi)發(fā)、濟(jì)南網(wǎng)絡(luò)營(yíng)銷(xiāo)、濟(jì)南企業(yè)策劃、濟(jì)南品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們大的嘉獎(jiǎng);創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供濟(jì)南建站搭建服務(wù),24小時(shí)服務(wù)熱線:18980820575,官方網(wǎng)址:www.cdcxhl.com不管是多人合作還是個(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"] }