vue-cli中ESlint配置文件eslintrc.js的示例分析

這篇文章將為大家詳細講解有關vue-cli中ESlint配置文件eslintrc.js的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯公司主要業(yè)務有網站營銷策劃、成都做網站、網站建設、微信公眾號開發(fā)、小程序設計、H5場景定制、程序開發(fā)等業(yè)務。一次合作終身朋友，是我們奉行的宗旨；我們不僅僅把客戶當客戶，還把客戶視為我們的合作伙伴，在開展業(yè)務的過程中，公司還積累了豐富的行業(yè)經驗、成都全網營銷推廣資源和合作伙伴關系資源，并逐漸建立起規(guī)范的客戶服務和保障體系。 

具體如下：

1.eslint簡介

eslint是用來管理和檢測js代碼風格的工具，可以和編輯器搭配使用，如vscode的eslint插件。當有不符合配置文件內容的代碼出現就會報錯或者警告

2.安裝exlint

npm init -y
npm install eslint --save-dev
node_modules\.bin\eslint --init 初始化配置文件，此配置文件配置好之后，vscode編輯器自動識別

3.vue-cli的.eslintrc.js配置文件的解釋

// http://eslint.org/docs/user-guide/configuring

module.exports = {
  //此項是用來告訴eslint找當前配置文件不能往父級查找
  root: true, 
  //此項是用來指定eslint解析器的，解析器必須符合規(guī)則，babel-eslint解析器是對babel解析器的包裝使其與ESLint解析
  parser: 'babel-eslint',
  //此項是用來指定javaScript語言類型和風格，sourceType用來指定js導入的方式，默認是script，此處設置為module，指某塊導入方式
  parserOptions: {
    sourceType: 'module'
  },
  //此項指定環(huán)境的全局變量，下面的配置指定為瀏覽器環(huán)境
  env: {
    browser: true,
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  // 此項是用來配置標準的js風格，就是說寫代碼的時候要規(guī)范的寫，如果你使用vs-code我覺得應該可以避免出錯
  extends: 'standard',
  // required to lint *.vue files
  // 此項是用來提供插件的，插件名稱省略了eslint-plugin-，下面這個配置是用來規(guī)范html的
  plugins: [
    'html'
  ],
  // add your custom rules here
  // 下面這些rules是用來設置從插件來的規(guī)范代碼的規(guī)則，使用必須去掉前綴eslint-plugin-
  // 主要有如下的設置規(guī)則，可以設置字符串也可以設置數字，兩者效果一致
  // "off" -> 0 關閉規(guī)則
  // "warn" -> 1 開啟警告規(guī)則
  //"error" -> 2 開啟錯誤規(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
  }
}

關于“vue-cli中ESlint配置文件eslintrc.js的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

本文標題：vue-cli中ESlint配置文件eslintrc.js的示例分析
本文URL：http://muchs.cn/article8/ijoiop.html

成都網站建設公司_創(chuàng)新互聯，為您提供電子商務、建站公司、全網營銷推廣、網站收錄、網站改版、網站設計公司

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯