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