關(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-08vue ssr 實(shí)現(xiàn)方式(學(xué)習(xí)筆記)
這篇文章主要介紹了vue ssr 實(shí)現(xiàn)方式(學(xué)習(xí)筆記),本文不涉及到源碼解析,主要講解如何實(shí)現(xiàn) vue 的服務(wù)端渲染,比較適合 vue-ssr 小白閱讀,感興趣的小伙伴們可以參考一下2019-01-01Vuex 單狀態(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-08Vuejs如何通過(guò)Axios請(qǐng)求數(shù)據(jù)
這篇文章主要介紹了Vuejs如何通過(guò)Axios請(qǐng)求數(shù)據(jù),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04vue+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-06el-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