?eslint是一種代碼風格管理的工具，可以制定一些代碼編寫規(guī)范，在vue項目中經(jīng)常用到

?

1、'layer' is defined but never used? ?這是定義了一個變量但是未使用到該變量，vue經(jīng)常需要在全局進行聲明，以便任何組件都能用到，但是經(jīng)常會這樣警告

可以在 .eslintrc.js 文件中修改配置，增加如下代碼：

"no-unused-vars":"off" rules: {// allow async-await'generator-star-spacing': 'off',// allow debugger during development'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',"no-tabs":"off","no-unused-vars":"off"}

?

2、最多的經(jīng)常會碰到空格報錯，去掉空格報錯增加如下代碼

"no-irregular-whitespace":"off"

?

3.報錯?Newline required at end of file but not found?

解決辦法就是在后面再加一行

?

4.報錯信息：Expected error to be handled

這是因為回調(diào)函數(shù)里面的參數(shù)error沒有運用到，所以可以不設(shè)置參數(shù)，或者在回調(diào)函數(shù)內(nèi)console.log(error)

?

?5.報錯信息：Split initialized 'let' declarations into multiple statements?

?

?這是不允許多條聲明，可參考 eslint 這條規(guī)則， 推薦這樣寫

?

?

以下附上Eslint常用規(guī)范：

"no-console": "error", 　　　　　　　　　　　　　　　　 // 禁止console "no-alert": "error", 　　　　　　　　　　　　　　　　　 // 禁止alert,conirm等 "no-debugger": "error", 　　　　　　　　　　　　　　　 // 禁止debugger "semi": ["error", "never"],　　　　　　　　　　　　 // 禁止分號 "no-tabs": "error", 　　　　　　　　　　　　　　　　　　// 禁止使用tab "no-unreachable": "error", 　　　　　　　　　　　　　　// 當有不能執(zhí)行到的代碼時 "eol-last": "error", 　　　　　　　　　　　　　　　　　　// 文件末尾強制換行 "no-new": "error",　　　　　　　　　　　　　　　　　　　 // 禁止在使用new構(gòu)造一個實例后不賦值 "quotes": ["error", "backtick"], 　　　　　　　　　　 // 引號類型 `` "" '' "no-unused-vars": ["error", { "vars": "all", "args": "after-used" }], 　　// 不能有聲明后未被使用的變量 "no-trailing-spaces": "error", 　　　　　　　　　　　　// 一行結(jié)束后面不要有空格 "space-before-function-paren": ["error", "never"], // 函數(shù)定義時括號前面要不要有空格 "no-undef": "error", 　　　　　　　　　　　　　　　　　　// 不能有未定義的變量,定義之前必須有var或者let "curly": ["error", "all"], 　　　　　　　　　　　　　　 // 必須使用 if(){} 中的{} 'arrow-parens': "error", 　　　　　　　　　　　　　　　　// 箭頭函數(shù)的參數(shù)要有()包裹 'generator-star-spacing': "error", 　　　　　　　　　　// allow async-await "space-before-function-paren": ["error", "never"], // 禁止函數(shù)名前有空格，如function Test (aaa,bbb) "space-in-parens": ["error", "never"], 　　　　　　　　// 禁止圓括號有空格，如Test( 2, 3 ) "space-infix-ops": "error", 　　　　　　　　　　　　　　//在操作符旁邊必須有空格， 如 a + b而不是a+b "space-before-blocks": ["error", "always"], 　　　　　// 語句塊之前必須有空格 如 ) {} "spaced-comment":["error", "always"], 　　　　　　　　// 注釋前必須有空格 "arrow-body-style": ["error", "always"], 　　　　　　// 要求箭頭函數(shù)必須有大括號 如 a => {} "arrow-parens": ["error", "always"], 　　　　　　　　//要求箭頭函數(shù)的參數(shù)必有用括弧包住，如(a) =>{} "arrow-spacing": ["error", { "before": true, "after": true }], // 定義箭頭函數(shù)的箭頭前后都必須有空格 "no-const-assign": "error", 　　　　　　　　　　　　 // 禁止修改const變量 "template-curly-spacing": ["error", "never"], 　　// 禁止末班字符串中的{}中的變量出現(xiàn)空格，如以下錯誤`${ a }` "no-multi-spaces": "error", 　　　　　　　　　　　　// 禁止多個空格，只有一個空格的地方必須只有一個 "no-whitespace-before-property": "error", 　　　　// 禁止屬性前有空格，如obj. a "keyword-spacing":["error",{"before": true, "after": true}]　　 //關(guān)鍵字前后必須有空格 如 } else {

參考：https://www.jianshu.com/p/9c1943a53393

轉(zhuǎn)載于:https://www.cnblogs.com/plb2307/p/10586585.html

總結(jié)

以上是生活随笔為你收集整理的vue项目中开启Eslint碰到的一些问题及其规范的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。