關(guān)于Vue-cli3煩人的eslint問(wèn)題
Vue-cli3煩人的eslint
在vue-cli選擇生成的時(shí)候，有一個(gè)詢(xún)問(wèn)是否把插件配置文件寫(xiě)在package.json文件里
- 如果選擇了是
打開(kāi)package.json 就會(huì)有以下一段代碼
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"@vue/prettier" // 刪掉這行
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
- 如果選擇了否
此時(shí)根目錄下會(huì)生成 .eslintrc.js 文件
module.exports = {
root: true,
env: {
node: true
},
extends: ["plugin:vue/essential","@vue/prettier"], // 刪掉 "@vue/prettier"
rules: {
"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
},
parserOptions: {
parser: "babel-eslint",
}
};
之后重啟就可以了 npm run serve
Vue-cli3的eslint報(bào)錯(cuò)
今天用vue-cli3搭建項(xiàng)目，寫(xiě)了幾個(gè)頁(yè)面，去編譯的時(shí)候eslint都會(huì)拋出錯(cuò)誤
原因就是在項(xiàng)目搭建的時(shí)候選擇的是standard（正常模式）所以每次啟動(dòng)項(xiàng)目的之后都會(huì)對(duì)代碼進(jìn)行檢查，是否符合Eslint規(guī)范。
解決方法
想要關(guān)閉Eslint語(yǔ)法檢查只要在.eslintrc.js文件中找到’@vue/standard’配置將其注釋或者刪除即可。
總結(jié)：ESLint 是一個(gè)語(yǔ)法規(guī)則和代碼風(fēng)格的檢查工具，用來(lái)保證寫(xiě)出語(yǔ)法正確、風(fēng)格統(tǒng)一的代碼，這個(gè)比較適合團(tuán)隊(duì)開(kāi)發(fā)和對(duì)代碼已經(jīng)輕車(chē)熟路的大神使用，我現(xiàn)在還不行。最后我認(rèn)為大家還有我都會(huì)成為一個(gè)不懼怕Eslint的大神的
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解element-ui中el-select的默認(rèn)選擇項(xiàng)問(wèn)題
這篇文章主要介紹了詳解element-ui中el-select的默認(rèn)選擇項(xiàng)問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
組件是 vue.js最強(qiáng)大的功能之一，而組件實(shí)例的作用域是相互獨(dú)立的，這就意味著不同組件之間的數(shù)據(jù)無(wú)法相互進(jìn)行直接的引用，所以組件間的相互通信是非常重要的，這篇文章主要介紹了vue中組件間通信的6種方式,需要的朋友可以參考下2022-11-11
vue ssr 實(shí)現(xiàn)方式(學(xué)習(xí)筆記)
這篇文章主要介紹了vue ssr 實(shí)現(xiàn)方式(學(xué)習(xí)筆記)，本文不涉及到源碼解析，主要講解如何實(shí)現(xiàn) vue 的服務(wù)端渲染，比較適合 vue-ssr 小白閱讀，感興趣的小伙伴們可以參考一下2019-01-01
Vuex 單狀態(tài)庫(kù)與多模塊狀態(tài)庫(kù)詳解
這篇文章主要介紹了Vuex 單狀態(tài)庫(kù)與多模塊狀態(tài)庫(kù)詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
使用Vite2+Vue3渲染Markdown文檔的方法實(shí)踐
本文主要介紹了Vite2+Vue3渲染Markdown文檔的方法實(shí)踐，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的可以了解一下2021-08-08
Vuejs如何通過(guò)Axios請(qǐng)求數(shù)據(jù)
這篇文章主要介紹了Vuejs如何通過(guò)Axios請(qǐng)求數(shù)據(jù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了mpvue全局引入sass文件的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
vue+springboot上傳大文件的實(shí)現(xiàn)示例
本文主要介紹了vue+springboot上傳大文件的實(shí)現(xiàn)示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
功能強(qiáng)大的vue.js拖拽組件安裝應(yīng)用
這篇文章主要為大家介紹了功能強(qiáng)大的vue.js拖拽組件安裝應(yīng)用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
el-select二次封裝實(shí)現(xiàn)可分頁(yè)加載數(shù)據(jù)的示例代碼
使用el-select時(shí)一次性渲染幾百條數(shù)據(jù)時(shí)會(huì)造成頁(yè)面克頓, 可以通過(guò)分頁(yè)來(lái)實(shí)現(xiàn),所以本文給大家介紹了el-select二次封裝實(shí)現(xiàn)可分頁(yè)加載數(shù)據(jù),文中有詳細(xì)的代碼講解,具有一定的參考價(jià)值,需要的朋友可以參考下2023-12-12