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

.eslintrc配置目錄及配置項的使用方式

 更新時間:2022年10月25日 08:54:13   作者:高素質(zhì)車間工人  
這篇文章主要介紹了.eslintrc配置目錄及配置項的使用方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

今天在運行antd-design-vue的源代碼項目時,發(fā)現(xiàn)vscode有很多eslint的報錯,原因是我使用了vetur插件的格式化,但是antd-design-vue源碼有自定義的eslintrc和prettierrc配置,這些配置和vetur插件里默認的配置不一致導(dǎo)致的。

那么如果有強迫癥,想消除這些檢查報錯我們就需要在源碼自定義的eslintrc和prettierrc配置里修改相應(yīng)的配置。

.eslintrc文件配置介紹

{
    // 環(huán)境定義了預(yù)定義的全局變量。
    "env": {
        //環(huán)境定義了預(yù)定義的全局變量。更多在官網(wǎng)查看
        "browser": true,
        "node": true,
        "commonjs": true,
        "amd": true,
        "es6": true,
        "mocha": true
    },
    // JavaScript 語言選項
    "parserOptions": {
        // ECMAScript 版本
        "ecmaVersion": 6,
        "sourceType": "module", //設(shè)置為 "script" (默認) 或 "module"(如果你的代碼是 ECMAScript 模塊)。
        //想使用的額外的語言特性:
        "ecmaFeatures": {
            // 允許在全局作用域下使用 return 語句
            "globalReturn": true,
            // impliedStric
            "impliedStrict": true,
            // 啟用 JSX
            "jsx": true,
            "modules": true
        }
    },
    //-----讓eslint支持 JSX start
    "plugins": [
        "react"
    ],
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
    //-----讓eslint支持 JSX end


    /**
     * "off" 或 0 - 關(guān)閉規(guī)則
     * "warn" 或 1 - 開啟規(guī)則,使用警告級別的錯誤:warn (不會導(dǎo)致程序退出),
     * "error" 或 2 - 開啟規(guī)則,使用錯誤級別的錯誤:error (當(dāng)被觸發(fā)的時候,程序會退出)
     */
    "rules": {
        // 可能的錯誤 
        // 禁止條件表達式中出現(xiàn)賦值操作符
        "no-cond-assign": 2,
        // 禁用 console
        // ...其他規(guī)則
    }
}

規(guī)則文檔

eslint-plugin-vue規(guī)則文檔地址:eslint-plugin-vue文檔

通用的eslint規(guī)則可以看下:開發(fā)者文檔

eslint問題如下

eslint

直接點擊打開報錯是給的外部鏈接,他會直接調(diào)到規(guī)則的說明下

還有相關(guān)的案例說明

在下面的Options里有這個規(guī)則的配置方法。直接復(fù)制進.eslintrc文件就行了,有時候ignores配置會報錯,最簡單的就是把這個報錯的地方刪了。

{
  "vue/singleline-html-element-content-newline": ["error", {
    "ignoreWhenNoAttributes": true,
    "ignoreWhenEmpty": true,
    "ignores": ["pre", "textarea", ...INLINE_ELEMENTS]
  }]
}

Options下還有關(guān)于每個參數(shù)的介紹:

ignoreWhenNoAttributes … allows having contents in one line, when given element has no attributes. default true

ignoreWhenEmpty … disables reporting when element has no content. default true

ignores … the configuration for element

看不懂的可以翻譯下,簡單說就是詳細的配置,正常不會用到,最重要的配置就是這個error,也可以簡寫‘2’,這樣就開啟規(guī)則,還可以設(shè)置off/warn,具體差別看上面的 .eslintrc文件配置介紹 ,這樣你就可以配置屬于你得代碼規(guī)范了。

都看到這了,不妨再點進來學(xué)習(xí)下=》.prettierrc代碼格式化配置介紹

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue 打包體積優(yōu)化方案小結(jié)

    Vue 打包體積優(yōu)化方案小結(jié)

    這篇文章主要介紹了Vue 打包體積優(yōu)化方案小結(jié),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-05-05
  • vue實現(xiàn)圖片上傳預(yù)覽功能

    vue實現(xiàn)圖片上傳預(yù)覽功能

    這篇文章主要為大家詳細介紹了vue實現(xiàn)圖片上傳預(yù)覽功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • vue項目實戰(zhàn)之圓柱狀水波效果實現(xiàn)

    vue項目實戰(zhàn)之圓柱狀水波效果實現(xiàn)

    最近工作中實現(xiàn)的一個效果不錯,分享給大家,下面這篇文章主要給大家介紹了關(guān)于vue項目實戰(zhàn)之圓柱狀水波效果實現(xiàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-12-12
  • 前端VUE雙語實現(xiàn)方案詳細教程

    前端VUE雙語實現(xiàn)方案詳細教程

    在項目需求中我們會遇到國際化的中英文切換,這篇文章主要給大家介紹了關(guān)于前端VUE雙語實現(xiàn)方案的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-08-08
  • Bootstrap+Vue滑動監(jiān)聽Scrollspy實現(xiàn)餐廳餐品展示

    Bootstrap+Vue滑動監(jiān)聽Scrollspy實現(xiàn)餐廳餐品展示

    本文主要介紹了Bootstrap+Vue滑動監(jiān)聽Scrollspy實現(xiàn)餐廳餐品展示,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-03-03
  • 詳解Vue中的Props與Data細微差別

    詳解Vue中的Props與Data細微差別

    這篇文章主要介紹了詳解Vue中的Props與Data細微差別,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • vue3中addRoute路由變化頁面未刷新問題解決

    vue3中addRoute路由變化頁面未刷新問題解決

    這篇文章主要為大家介紹了vue3中addRoute路由變化但頁面未刷新問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-06-06
  • vue-cli實現(xiàn)多頁面多路由的示例代碼

    vue-cli實現(xiàn)多頁面多路由的示例代碼

    本篇文章主要介紹了vue-cli實現(xiàn)多頁面多路由的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • element合并表格行的方法實現(xiàn)

    element合并表格行的方法實現(xiàn)

    本文主要介紹了element合并表格行的方法實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-07-07
  • Vue項目中引入外部腳本的多種方式

    Vue項目中引入外部腳本的多種方式

    在現(xiàn)代的前端開發(fā)中,我們經(jīng)常需要使用一些第三方的外部腳本或庫,尤其是像地圖、圖表、分析工具等,在 Vue 項目中,有多種方式可以引入外部腳本,本文將詳細介紹在 Vue 項目中引入外部腳本的幾種常見方法,需要的朋友可以參考下
    2025-01-01

最新評論

广南县| 公安县| 永寿县| 福海县| 迁安市| 尼玛县| 玉环县| 三穗县| 阿尔山市| 通江县| 奉贤区| 贡山| 张掖市| 中方县| 墨竹工卡县| 成安县| 宁陵县| 抚松县| 吴旗县| 安塞县| 教育| 洪洞县| 寻乌县| 内乡县| 遵义县| 同仁县| 泽普县| 肥城市| 宁夏| 罗甸县| 那曲县| 个旧市| 丁青县| 大邑县| 宾阳县| 榆林市| 康定县| 阳西县| 将乐县| 衡阳市| 广元市|