前言

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),遼中企業(yè)網(wǎng)站建設(shè),遼中品牌網(wǎng)站建設(shè),網(wǎng)站定制,遼中網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,遼中網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

在vscode的vue項(xiàng)目中，關(guān)于代碼檢查和格式化，遇到各種各樣的問題，比如：

• 不清楚安裝的拓展的功能，導(dǎo)致安裝了重復(fù)功能的拓展
• 右鍵格式化文檔的時(shí)候，不是按eslint的規(guī)則來格式化，導(dǎo)致需要我再次手動(dòng)調(diào)整
• 保存時(shí)不能自動(dòng)修復(fù)代碼

以下通過自己的實(shí)踐，進(jìn)行了相應(yīng)配置，目前可以實(shí)現(xiàn)：

• 僅安裝2個(gè)推薦的拓展
• 右鍵格式化文檔按照eslint規(guī)則，不會產(chǎn)生錯(cuò)誤
• 保存時(shí)自動(dòng)修復(fù)代碼

vscode 拓展安裝

eslint 拓展

該拓展本身不帶任何插件，當(dāng)前項(xiàng)目要使用該拓展，需要安裝相應(yīng)的npm包（全局安裝或當(dāng)前項(xiàng)目安裝）

對于 vue 項(xiàng)目，通常在 vscode 中做如下設(shè)置:

 //保存時(shí)自動(dòng)修復(fù)代碼
 "eslint.autoFixOnSave": true,
 "eslint.options": {
  // 應(yīng)檢查代碼的文件擴(kuò)展名數(shù)組
  "extensions": [
   ".js",
   ".vue"
  ]
 },
 // 配置要驗(yàn)證的語言標(biāo)識和自動(dòng)修復(fù)選項(xiàng)，比前面兩個(gè)配置的結(jié)合更為細(xì)粒度話?？梢詢H配置下面代碼
 "eslint.validate": [
  "javascript",
  "javascriptreact",
  "html",
  {
   "language": "vue",
   "autoFix": true
  }
 ],

文章題目：vscode下vue項(xiàng)目中eslint的使用方法-創(chuàng)新互聯(lián)
分享URL：http://weahome.cn/article/cepecd.html