您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)vue-cli中ESlint配置文件eslintrc.js的示例分析,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
具體如下:
1.eslint簡(jiǎn)介
eslint是用來(lái)管理和檢測(cè)js代碼風(fēng)格的工具,可以和編輯器搭配使用,如vscode的eslint插件。當(dāng)有不符合配置文件內(nèi)容的代碼出現(xiàn)就會(huì)報(bào)錯(cuò)或者警告
2.安裝exlint
npm init -y npm install eslint --save-dev node_modules\.bin\eslint --init 初始化配置文件,此配置文件配置好之后,vscode編輯器自動(dòng)識(shí)別
3.vue-cli的.eslintrc.js配置文件的解釋
// http://eslint.org/docs/user-guide/configuring module.exports = { //此項(xiàng)是用來(lái)告訴eslint找當(dāng)前配置文件不能往父級(jí)查找 root: true, //此項(xiàng)是用來(lái)指定eslint解析器的,解析器必須符合規(guī)則,babel-eslint解析器是對(duì)babel解析器的包裝使其與ESLint解析 parser: 'babel-eslint', //此項(xiàng)是用來(lái)指定javaScript語(yǔ)言類(lèi)型和風(fēng)格,sourceType用來(lái)指定js導(dǎo)入的方式,默認(rèn)是script,此處設(shè)置為module,指某塊導(dǎo)入方式 parserOptions: { sourceType: 'module' }, //此項(xiàng)指定環(huán)境的全局變量,下面的配置指定為瀏覽器環(huán)境 env: { browser: true, }, // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style // 此項(xiàng)是用來(lái)配置標(biāo)準(zhǔn)的js風(fēng)格,就是說(shuō)寫(xiě)代碼的時(shí)候要規(guī)范的寫(xiě),如果你使用vs-code我覺(jué)得應(yīng)該可以避免出錯(cuò) extends: 'standard', // required to lint *.vue files // 此項(xiàng)是用來(lái)提供插件的,插件名稱(chēng)省略了eslint-plugin-,下面這個(gè)配置是用來(lái)規(guī)范html的 plugins: [ 'html' ], // add your custom rules here // 下面這些rules是用來(lái)設(shè)置從插件來(lái)的規(guī)范代碼的規(guī)則,使用必須去掉前綴eslint-plugin- // 主要有如下的設(shè)置規(guī)則,可以設(shè)置字符串也可以設(shè)置數(shù)字,兩者效果一致 // "off" -> 0 關(guān)閉規(guī)則 // "warn" -> 1 開(kāi)啟警告規(guī)則 //"error" -> 2 開(kāi)啟錯(cuò)誤規(guī)則 // 了解了上面這些,下面這些代碼相信也看的明白了 'rules': { // allow paren-less arrow functions 'arrow-parens': 0, // allow async-await 'generator-star-spacing': 0, // allow debugger during development 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0 } }
關(guān)于“vue-cli中ESlint配置文件eslintrc.js的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。