關(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(正常模式)所以每次啟動項目的之后都會對代碼進行檢查,是否符合Eslint規(guī)范。
解決方法
想要關(guān)閉Eslint語法檢查只要在.eslintrc.js文件中找到’@vue/standard’配置將其注釋或者刪除即可。
總結(jié):ESLint 是一個語法規(guī)則和代碼風格的檢查工具,用來保證寫出語法正確、風格統(tǒng)一的代碼,這個比較適合團隊開發(fā)和對代碼已經(jīng)輕車熟路的大神使用,我現(xiàn)在還不行。最后我認為大家還有我都會成為一個不懼怕Eslint的大神的
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
詳解element-ui中el-select的默認選擇項問題
這篇文章主要介紹了詳解element-ui中el-select的默認選擇項問題,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08vue ssr 實現(xiàn)方式(學(xué)習(xí)筆記)
這篇文章主要介紹了vue ssr 實現(xiàn)方式(學(xué)習(xí)筆記),本文不涉及到源碼解析,主要講解如何實現(xiàn) vue 的服務(wù)端渲染,比較適合 vue-ssr 小白閱讀,感興趣的小伙伴們可以參考一下2019-01-01vue+springboot上傳大文件的實現(xiàn)示例
本文主要介紹了vue+springboot上傳大文件的實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04el-select二次封裝實現(xiàn)可分頁加載數(shù)據(jù)的示例代碼
使用el-select時一次性渲染幾百條數(shù)據(jù)時會造成頁面克頓, 可以通過分頁來實現(xiàn),所以本文給大家介紹了el-select二次封裝實現(xiàn)可分頁加載數(shù)據(jù),文中有詳細的代碼講解,具有一定的參考價值,需要的朋友可以參考下2023-12-12