詳解vue-cli中的ESlint配置文件eslintrc.js
本文講解vue-cli腳手架根目錄文件.eslintrc.js,分享給大家,具體如下:
1.eslint簡介
eslint是用來管理和檢測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)是用來告訴eslint找當(dāng)前配置文件不能往父級(jí)查找
root: true,
//此項(xiàng)是用來指定eslint解析器的,解析器必須符合規(guī)則,babel-eslint解析器是對(duì)babel解析器的包裝使其與ESLint解析
parser: 'babel-eslint',
//此項(xiàng)是用來指定javaScript語言類型和風(fēng)格,sourceType用來指定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)是用來配置標(biāo)準(zhǔn)的js風(fēng)格,就是說寫代碼的時(shí)候要規(guī)范的寫,如果你使用vs-code我覺得應(yīng)該可以避免出錯(cuò)
extends: 'standard',
// required to lint *.vue files
// 此項(xiàng)是用來提供插件的,插件名稱省略了eslint-plugin-,下面這個(gè)配置是用來規(guī)范html的
plugins: [
'html'
],
// add your custom rules here
// 下面這些rules是用來設(shè)置從插件來的規(guī)范代碼的規(guī)則,使用必須去掉前綴eslint-plugin-
// 主要有如下的設(shè)置規(guī)則,可以設(shè)置字符串也可以設(shè)置數(shù)字,兩者效果一致
// "off" -> 0 關(guān)閉規(guī)則
// "warn" -> 1 開啟警告規(guī)則
//"error" -> 2 開啟錯(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
}
}
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
vue2實(shí)現(xiàn)directive自定義指令的封裝與全局注冊(cè)流程
自定義指令是對(duì)普通DOM元素進(jìn)行的底層操作,它是一種有效的的補(bǔ)充和擴(kuò)展,不僅可以用于定義任何的dom操作,并且是可以復(fù)用的,下面這篇文章主要給大家介紹了關(guān)于vue2實(shí)現(xiàn)directive自定義指令的封裝與全局注冊(cè)流程的相關(guān)資料,需要的朋友可以參考下2023-02-02
vue路由權(quán)限和按鈕權(quán)限的實(shí)現(xiàn)示例
本文主要介紹了vue路由權(quán)限和按鈕權(quán)限的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
vue+springboot用戶注銷功能實(shí)現(xiàn)代碼
這篇文章主要介紹了vue+springboot用戶注銷功能,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-05-05
vue-router 手勢(shì)滑動(dòng)觸發(fā)返回功能
這篇文章主要介紹了vue-router 手勢(shì)滑動(dòng)觸發(fā)返回功能,文中通過實(shí)例代碼給大家介紹了vue圖片左右滑動(dòng)及手勢(shì)縮放,需要的朋友可以參考下2018-09-09
vue單頁面如何解決多個(gè)視頻同時(shí)僅能播放一個(gè)問題
這篇文章主要介紹了vue單頁面如何解決多個(gè)視頻同時(shí)僅能播放一個(gè)問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue項(xiàng)目中引入ESLint校驗(yàn)代碼避免代碼錯(cuò)誤
這篇文章主要為大家介紹了Vue項(xiàng)目中引入ESLint插件校驗(yàn)代碼避免代碼錯(cuò)誤的使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07
Vue中video標(biāo)簽如何實(shí)現(xiàn)不靜音自動(dòng)播放
最近在做大屏展示需要在一開始播放引導(dǎo)視頻,產(chǎn)生自動(dòng)播放需求,下面這篇文章主要給大家介紹了關(guān)于Vue中video標(biāo)簽如何實(shí)現(xiàn)不靜音自動(dòng)播放的相關(guān)資料,需要的朋友可以參考下2023-01-01
element-UI el-table修改input值視圖不更新問題
這篇文章主要介紹了element-UI el-table修改input值視圖不更新問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02

