亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

.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 (當被觸發(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中子組件傳遞數(shù)據(jù)給父組件的講解

    vue中子組件傳遞數(shù)據(jù)給父組件的講解

    今天小編就為大家分享一篇關(guān)于vue中子組件傳遞數(shù)據(jù)給父組件的講解,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2019-01-01
  • 從0搭建vue-cli4腳手架

    從0搭建vue-cli4腳手架

    這篇文章主要介紹了從0搭建vue-cli4腳手架,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • vue el-table實現(xiàn)行內(nèi)編輯功能

    vue el-table實現(xiàn)行內(nèi)編輯功能

    這篇文章主要為大家詳細介紹了vue el-table實現(xiàn)行內(nèi)編輯功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • 詳解Vue.js 作用域、slot用法(單個slot、具名slot)

    詳解Vue.js 作用域、slot用法(單個slot、具名slot)

    這篇文章主要介紹了Vue.js 作用域、slot用法(單個slot、具名slot),本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-10-10
  • vue2 中如何實現(xiàn)動態(tài)表單增刪改查實例

    vue2 中如何實現(xiàn)動態(tài)表單增刪改查實例

    本篇文章主要介紹了vue2 中如何實現(xiàn)動態(tài)表單增刪改查實例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • 使用vue自定義如何實現(xiàn)Tree組件和拖拽功能

    使用vue自定義如何實現(xiàn)Tree組件和拖拽功能

    這篇文章主要介紹了使用vue自定義如何實現(xiàn)Tree組件和拖拽功能,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-12-12
  • npm install -g @vue/cli安裝vue腳手架報錯問題(一般都能解決)

    npm install -g @vue/cli安裝vue腳手架報錯問題(一般都能解決)

    這篇文章主要介紹了npm install -g @vue/cli安裝vue腳手架報錯問題(一般都能解決),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • vue返回上一頁面時不刷新問題及解決方案

    vue返回上一頁面時不刷新問題及解決方案

    這篇文章主要介紹了vue返回上一頁面時不刷新問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • vue懶加載和子組件懶加載的區(qū)別詳解

    vue懶加載和子組件懶加載的區(qū)別詳解

    這篇文章主要給大家介紹了vue懶加載和子組件懶加載有什么區(qū)別,Vue懶加載指的是對圖片等資源的延遲加載,而子組件懶加載則是指延遲加載組件實例,文中通過代碼示例給大家講解的非常詳細,需要的朋友可以參考下
    2023-12-12
  • Vue 按照創(chuàng)建時間和當前時間顯示操作(剛剛,幾小時前,幾天前)

    Vue 按照創(chuàng)建時間和當前時間顯示操作(剛剛,幾小時前,幾天前)

    這篇文章主要介紹了Vue 按照創(chuàng)建時間和當前時間顯示操作(剛剛,幾小時前,幾天前),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-09-09

最新評論