欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解vue-cli中的ESlint配置文件eslintrc.js

 更新時間:2017年09月25日 17:23:13   作者:qz奔跑的馬  
本篇文章主要介紹了vue-cli中的ESlint配置文件eslintrc.js詳解 ,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

本文講解vue-cli腳手架根目錄文件.eslintrc.js,分享給大家,具體如下:

1.eslint簡介

eslint是用來管理和檢測js代碼風(fēng)格的工具,可以和編輯器搭配使用,如vscode的eslint插件。當(dāng)有不符合配置文件內(nèi)容的代碼出現(xiàn)就會報錯或者警告

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 = {
  //此項(xiàng)是用來告訴eslint找當(dāng)前配置文件不能往父級查找
  root: true, 
  //此項(xiàng)是用來指定eslint解析器的,解析器必須符合規(guī)則,babel-eslint解析器是對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)格,就是說寫代碼的時候要規(guī)范的寫,如果你使用vs-code我覺得應(yīng)該可以避免出錯
  extends: 'standard',
  // required to lint *.vue files
  // 此項(xiàng)是用來提供插件的,插件名稱省略了eslint-plugin-,下面這個配置是用來規(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 開啟錯誤規(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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • uni-app進(jìn)階使用技巧分享

    uni-app進(jìn)階使用技巧分享

    uni-app是一款基于Vue.js的跨平臺開發(fā)框架,它借助了 Vue.js 的語法和組件化開發(fā)思想,本文將詳細(xì)介紹 uni-app 的全局配置、靜態(tài)資源管理、路由管理以及數(shù)據(jù)通信和狀態(tài)管理的進(jìn)階使用技巧,需要的朋友可以參考下
    2023-06-06
  • vue2實(shí)現(xiàn)directive自定義指令的封裝與全局注冊流程

    vue2實(shí)現(xiàn)directive自定義指令的封裝與全局注冊流程

    自定義指令是對普通DOM元素進(jìn)行的底層操作,它是一種有效的的補(bǔ)充和擴(kuò)展,不僅可以用于定義任何的dom操作,并且是可以復(fù)用的,下面這篇文章主要給大家介紹了關(guān)于vue2實(shí)現(xiàn)directive自定義指令的封裝與全局注冊流程的相關(guān)資料,需要的朋友可以參考下
    2023-02-02
  • vue路由權(quán)限和按鈕權(quán)限的實(shí)現(xiàn)示例

    vue路由權(quán)限和按鈕權(quán)限的實(shí)現(xiàn)示例

    本文主要介紹了vue路由權(quán)限和按鈕權(quán)限的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-04-04
  • vue+springboot用戶注銷功能實(shí)現(xiàn)代碼

    vue+springboot用戶注銷功能實(shí)現(xiàn)代碼

    這篇文章主要介紹了vue+springboot用戶注銷功能,本文通過示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
    2024-05-05
  • Vue中transition的使用及說明

    Vue中transition的使用及說明

    這篇文章主要介紹了Vue中transition的使用及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-07-07
  • vue-router 手勢滑動觸發(fā)返回功能

    vue-router 手勢滑動觸發(fā)返回功能

    這篇文章主要介紹了vue-router 手勢滑動觸發(fā)返回功能,文中通過實(shí)例代碼給大家介紹了vue圖片左右滑動及手勢縮放,需要的朋友可以參考下
    2018-09-09
  • vue單頁面如何解決多個視頻同時僅能播放一個問題

    vue單頁面如何解決多個視頻同時僅能播放一個問題

    這篇文章主要介紹了vue單頁面如何解決多個視頻同時僅能播放一個問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • Vue項(xiàng)目中引入ESLint校驗(yàn)代碼避免代碼錯誤

    Vue項(xiàng)目中引入ESLint校驗(yàn)代碼避免代碼錯誤

    這篇文章主要為大家介紹了Vue項(xiàng)目中引入ESLint插件校驗(yàn)代碼避免代碼錯誤的使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • Vue中video標(biāo)簽如何實(shí)現(xiàn)不靜音自動播放

    Vue中video標(biāo)簽如何實(shí)現(xiàn)不靜音自動播放

    最近在做大屏展示需要在一開始播放引導(dǎo)視頻,產(chǎn)生自動播放需求,下面這篇文章主要給大家介紹了關(guān)于Vue中video標(biāo)簽如何實(shí)現(xiàn)不靜音自動播放的相關(guān)資料,需要的朋友可以參考下
    2023-01-01
  • element-UI el-table修改input值視圖不更新問題

    element-UI el-table修改input值視圖不更新問題

    這篇文章主要介紹了element-UI el-table修改input值視圖不更新問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-02-02

最新評論