最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

詳解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 = {
  //此項是用來告訴eslint找當(dāng)前配置文件不能往父級查找
  root: true, 
  //此項是用來指定eslint解析器的,解析器必須符合規(guī)則,babel-eslint解析器是對babel解析器的包裝使其與ESLint解析
  parser: 'babel-eslint',
  //此項是用來指定javaScript語言類型和風(fēng)格,sourceType用來指定js導(dǎo)入的方式,默認(rèn)是script,此處設(shè)置為module,指某塊導(dǎo)入方式
  parserOptions: {
    sourceType: 'module'
  },
  //此項指定環(huán)境的全局變量,下面的配置指定為瀏覽器環(huán)境
  env: {
    browser: true,
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  // 此項是用來配置標(biāo)準(zhǔn)的js風(fēng)格,就是說寫代碼的時候要規(guī)范的寫,如果你使用vs-code我覺得應(yīng)該可以避免出錯
  extends: 'standard',
  // required to lint *.vue files
  // 此項是用來提供插件的,插件名稱省略了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)文章

  • vue實現(xiàn)一個單文件組件的完整過程記錄

    vue實現(xiàn)一個單文件組件的完整過程記錄

    整個項目結(jié)構(gòu)清晰,尤其單文件組件的表現(xiàn)力尤為突出,使得每個組件的邏輯都沒有過于復(fù)雜,所以這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)一個單文件組件的相關(guān)資料,需要的朋友可以參考下
    2021-06-06
  • vue3.x中emits的基本用法實例

    vue3.x中emits的基本用法實例

    emits是Vue3新增的選項,emits主要作用在子組件中,用于接收在父組件中綁定的方法,這篇文章主要給大家介紹了關(guān)于vue3.x中emits的基本用法,需要的朋友可以參考下
    2022-07-07
  • vue2前端導(dǎo)出pdf文件實例demo

    vue2前端導(dǎo)出pdf文件實例demo

    在Vue應(yīng)用中,將頁面導(dǎo)出為PDF文件通常涉及到前端技術(shù)的組合,下面這篇文章主要給大家介紹了關(guān)于vue2前端導(dǎo)出pdf文件的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-09-09
  • vue中可以綁定多個事件嗎

    vue中可以綁定多個事件嗎

    這篇文章主要介紹了vue中可以綁定多個事件嗎,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • Vue+Element UI實現(xiàn)概要小彈窗的全過程

    Vue+Element UI實現(xiàn)概要小彈窗的全過程

    彈窗效果是我們?nèi)粘i_發(fā)中經(jīng)常遇到的一個功能,下面這篇文章主要給大家介紹了關(guān)于Vue+Element UI實現(xiàn)概要小彈窗的相關(guān)資料,需要的朋友可以參考下
    2021-05-05
  • 一文詳解Vue中內(nèi)存泄漏的場景與預(yù)防技巧

    一文詳解Vue中內(nèi)存泄漏的場景與預(yù)防技巧

    即便是功能強大的?Vue.js?也無法完全避免內(nèi)存泄漏的問題,內(nèi)存泄漏不僅會影響應(yīng)用的性能,還可能導(dǎo)致瀏覽器崩潰,下面我們來看看Vue?中常見的內(nèi)存泄漏場景以及如何避免這些問題吧
    2024-12-12
  • 利用Vue-cli搭建Vue項目框架的教程詳解

    利用Vue-cli搭建Vue項目框架的教程詳解

    這篇文章主要為大家詳細(xì)介紹了利用Vue-cli搭建Vue項目框架的相關(guān)資料,對大家深入了解Vue有一定的幫助,感興趣的小伙伴可以了解一下
    2023-02-02
  • 關(guān)于vue狀態(tài)過渡transition不起作用的原因解決

    關(guān)于vue狀態(tài)過渡transition不起作用的原因解決

    這篇文章主要介紹了關(guān)于vue狀態(tài)過渡transition不起作用的原因解決,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-04-04
  • vue路由守衛(wèi),限制前端頁面訪問權(quán)限的例子

    vue路由守衛(wèi),限制前端頁面訪問權(quán)限的例子

    今天小編就為大家分享一篇vue路由守衛(wèi),限制前端頁面訪問權(quán)限的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • vue實現(xiàn)購物車列表

    vue實現(xiàn)購物車列表

    這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)購物車列表,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-06-06

最新評論

女性| 石首市| 鄂尔多斯市| 蓬溪县| 花垣县| 德江县| 沁源县| 嘉禾县| 毕节市| 渭南市| 莱阳市| 常熟市| 阿拉善左旗| 通榆县| 观塘区| 西安市| 辽中县| 丽江市| 大姚县| 来安县| 东海县| 长武县| 新宁县| 唐海县| 龙里县| 高密市| 新闻| 巴塘县| 石阡县| 安宁市| 临漳县| 剑川县| 政和县| 五莲县| 铜梁县| 高阳县| 陵川县| 虎林市| 格尔木市| 上杭县| 余姚市|