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

在IDEA中配置eslint和prettier的全過(guò)程

 更新時(shí)間:2024年02月26日 08:55:29   作者:可愛(ài)的小菜雞  
日常開(kāi)發(fā)中,建議用可以用Prettier做代碼格式化,然后用eslint做校驗(yàn),下面這篇文章主要給大家介紹了關(guān)于在IDEA中配置eslint和prettier的相關(guān)資料,需要的朋友可以參考下

1、插件配置

# 版本根據(jù)實(shí)際情況而定
npm install eslint prettier --save-dev
npm install --save-dev eslint-plugin-prettier 
npm install --save-dev eslint-config-prettier
npm install --save-dev eslint-plugin-vue
npm install --save-dev @babel/eslint-parser

一開(kāi)始用的是ESlint8以上的版本,后來(lái)一直報(bào)莫名其妙的錯(cuò),就回退到7.5.0的版本。 

2、在項(xiàng)目中引入文件夾

  • .eslintrc.js(主要用來(lái)在rules中自定義規(guī)則)
module.exports = {
  root: true,
    //環(huán)境
    env: {
        browser: true,
        node: true
    },
    // 這里是 vue插件
    extends: ['eslint:recommended', 'plugin:prettier/recommended', 'prettier'],
    globals: {
        //忽略全局的變量
        $: true
    },
    parserOptions: {
        parser: '@babel/eslint-parser'
    },
    plugins: ['vue', 'prettier'],
   // 0 代表關(guān)閉  1 代表警告  2 代表開(kāi)啟
  rules: {
    'no-async-promise-executor': 1, //禁止使用異步函數(shù)作為 Promise executor
    'no-await-in-loop': 1, // 禁止使用 await async
    'no-console': 1, //禁用 console
    'no-debugger': 1, //禁用 debugger
    'no-dupe-args': 2, //函數(shù)參數(shù)不能重復(fù)
    'no-regex-spaces': 2, //禁止正則表達(dá)式字面量中出現(xiàn)多個(gè)空格
    'default-case': 2, //switch語(yǔ)句最后必須有default
    'no-alert': 0, //禁止使用alert confirm prompt
    'no-array-constructor': 1, //禁止使用數(shù)組構(gòu)造器
    'no-bitwise': 0, //禁止使用按位運(yùn)算符
    'no-caller': 0, //禁止使用arguments.caller或arguments.callee
    'no-catch-shadow': 2, //禁止catch子句參數(shù)與外部作用域變量同名
    'no-class-assign': 0, //禁止給類(lèi)賦值
    'no-cond-assign': 0, //禁止在條件表達(dá)式中使用賦值語(yǔ)
    'no-const-assign': 0, //禁止修改const聲明的變量
    'no-constant-condition': 0, //禁止在條件中使用常量表達(dá)式 if(true) if(1)
    'no-continue': 0, //禁止使用continue
    'no-control-regex': 2, //禁止在正則表達(dá)式中使用控制字符
    'no-delete-var': 2, //不能對(duì)var聲明的變量使用delete操作符
    'no-div-regex': 1, //不能使用看起來(lái)像除法的正則表達(dá)式/=foo/
    'no-dupe-keys': 2, //在創(chuàng)建對(duì)象字面量時(shí)不允許鍵重復(fù) {a:1,a:1}
    'no-duplicate-case': 2, //switch中的case標(biāo)簽不能重復(fù)
    'no-else-return': 0, //如果if語(yǔ)句里面有return,后面不能跟else語(yǔ)句
    'no-empty': 2, //塊語(yǔ)句中的內(nèi)容不能為空
    'no-empty-character-class': 2, //正則表達(dá)式中的[]內(nèi)容不能為空
    'no-eq-null': 1, //禁止對(duì)null使用==或!=運(yùn)算符
    'no-eval': 0, //禁止使用eval
    'no-ex-assign': 2, //禁止給catch語(yǔ)句中的異常參數(shù)賦值
    'no-extend-native': 0, //禁止擴(kuò)展native對(duì)象
    'no-extra-bind': 2, //禁止不必要的函數(shù)綁定
    'no-extra-boolean-cast': 2, //禁止不必要的bool轉(zhuǎn)換
    'no-extra-parens': 2, //禁止非必要的括號(hào)
    'no-extra-semi': 2, //禁止多余的冒號(hào)
    'no-fallthrough': 1, //禁止switch穿透
    'no-floating-decimal': 2, //禁止省略浮點(diǎn)數(shù)中的0 .5 3.
    'no-func-assign': 2, //禁止重復(fù)的函數(shù)聲明
    'no-implicit-coercion': 1, //禁止隱式轉(zhuǎn)換
    'no-implied-eval': 2, //禁止使用隱式eval
    'no-inline-comments': 1, //禁止行內(nèi)備注
    'no-inner-declarations': [0, 'functions'], //禁止在塊語(yǔ)句中使用聲明(變量或函數(shù))
    'no-invalid-regexp': 2, //禁止無(wú)效的正則表達(dá)式
    'no-invalid-this': 2, //禁止無(wú)效的this,只能用在構(gòu)造器,類(lèi),對(duì)象字面量
    'no-irregular-whitespace': 2, //不能有不規(guī)則的空格
    'no-iterator': 0, //禁止使用__iterator__ 屬性
    'no-label-var': 2, //label名不能與var聲明的變量名相同
    'no-labels': 0, //禁止標(biāo)簽聲明
    'no-lone-blocks': 2, //禁止不必要的嵌套塊
    'no-lonely-if': 1, //禁止else語(yǔ)句內(nèi)只有if語(yǔ)句
    'no-loop-func': 1, //禁止在循環(huán)中使用函數(shù)(如果沒(méi)有引用外部變量不形成閉包就可以)
    'no-mixed-requires': [0, false], //聲明時(shí)不能混用聲明類(lèi)型
    'no-mixed-spaces-and-tabs': [2, false], //禁止混用tab和空格
    'linebreak-style': [0, 'windows'], //換行風(fēng)格
    'no-multi-spaces': 1, //不能用多余的空格
    'no-multi-str': 2, //字符串不能用\換行
    'no-multiple-empty-lines': [1, {max: 2}], //空行最多不能超過(guò)2行
    'no-native-reassign': 0, //不能重寫(xiě)native對(duì)象
    'no-negated-in-lhs': 2, //in 操作符的左邊不能有!
    'no-nested-ternary': 0, //禁止使用嵌套的三目運(yùn)算
    'no-new': 1, //禁止在使用new構(gòu)造一個(gè)實(shí)例后不賦值
    'no-new-func': 1, //禁止使用new Function
    'no-new-object': 1, //禁止使用new Object()
    'no-new-require': 1, //禁止使用new require
    'no-new-wrappers': 1, //禁止使用new創(chuàng)建包裝實(shí)例,new String new Boolean new Number
    'no-obj-calls': 0, //不能調(diào)用內(nèi)置的全局對(duì)象,比如Math() JSON()
    'no-octal': 2, //禁止使用八進(jìn)制數(shù)字
    'no-octal-escape': 2, //禁止使用八進(jìn)制轉(zhuǎn)義序列
    'no-param-reassign': 0, //禁止給參數(shù)重新賦值
    'no-path-concat': 0, //node中不能使用__dirname或__filename做路徑拼接
    'no-plusplus': 1, //禁止使用++,--
    'no-process-env': 0, //禁止使用process.env
    'no-process-exit': 0, //禁止使用process.exit()
    'no-proto': 0, //禁止使用__proto__屬性
    'no-redeclare': 2, //禁止重復(fù)聲明變量
    'no-restricted-modules': 0, //如果禁用了指定模塊,使用就會(huì)報(bào)錯(cuò)
    'no-return-assign': 1, //return 語(yǔ)句中不能有賦值表達(dá)式
    'no-script-url': 0, //禁止使用javascript:void(0)
    'no-self-compare': 2, //不能比較自身
    'no-sequences': 0, //禁止使用逗號(hào)運(yùn)算符
    'no-shadow': 2, //外部作用域中的變量不能與它所包含的作用域中的變量或參數(shù)同名
    'no-shadow-restricted-names': 2, //嚴(yán)格模式中規(guī)定的限制標(biāo)識(shí)符不能作為聲明時(shí)的變量名使用
    'no-spaced-func': 2, //函數(shù)調(diào)用時(shí) 函數(shù)名與()之間不能有空格
    'no-sparse-arrays': 2, //禁止稀疏數(shù)組, [1,,2]
    'no-sync': 0, //nodejs 禁止同步方法
    'no-ternary': 0, //禁止使用三目運(yùn)算符
    'no-trailing-spaces': 1, //一行結(jié)束后面不要有空格
    'no-this-before-super': 0, //在調(diào)用super()之前不能使用this或super
    'no-throw-literal': 1, //禁止拋出字面量錯(cuò)誤 throw "error";
    'no-undef': 1, //不能有未定義的變量
    'no-undef-init': 1, //變量初始化時(shí)不能直接給它賦值為undefined
    'no-undefined': 1, //不能使用undefined
    'no-unexpected-multiline': 2, //避免多行表達(dá)式
    'no-underscore-dangle': 1, //標(biāo)識(shí)符不能以_開(kāi)頭或結(jié)尾
    'no-unneeded-ternary': 1, //禁止不必要的嵌套 var isYes = answer === 1 ? true : false;
    'no-unreachable': 2, //不能有無(wú)法執(zhí)行的代碼
    'no-unused-expressions': 2, //禁止無(wú)用的表達(dá)式
    'no-unused-vars': [2, {vars: 'all', args: 'after-used'}], //不能有聲明后未被使用的變量或參數(shù)
    'no-use-before-define': 2, //未定義前不能使用
    'no-useless-call': 2, //禁止不必要的call和apply
    'no-void': 2, //禁用void操作符
    'no-var': 0, //禁用var,用let和const代替
  },
};
  •  prettierrc.js (自動(dòng)修復(fù)代碼中的規(guī)范)
//.prettierrc.js
module.exports = {
    // 最大長(zhǎng)度80個(gè)字符
    printWidth: 120,
    // 行末分號(hào)
    semi: true,
    // 單引號(hào)
    singleQuote: true,
    // JSX雙引號(hào)
    jsxSingleQuote: false,
    // 盡可能使用尾隨逗號(hào)(包括函數(shù)參數(shù))
    trailingComma: 'none',
    // 在對(duì)象文字中打印括號(hào)之間的空格。
    bracketSpacing: true,
    // > 標(biāo)簽放在最后一行的末尾,而不是單獨(dú)放在下一行
    jsxBracketSameLine: true,
    // 縮進(jìn)
    tabWidth: 4,
    // 使用tab還是空格
    useTabs: false,
    // 行尾換行格式
    endOfLine: 'auto',
    //空格敏感
    HTMLWhitespaceSensitivity: 'ignore',
    extends: [
        //繼承 vue 的標(biāo)準(zhǔn)特性
        'plugin:vue/essential',
        'eslint:recommended',
        //避免沖突
        'plugin:prettier/recommended'
    ]
};


  •  .eslintignore (規(guī)則忽略的文件夾)
node_modules
/dist
/static
  •  .editorconfig(這個(gè)文件夾會(huì)去查看.md文件夾中的規(guī)范,可配置可不配)
root = true

[*]
#字符集utf-8
charset = utf-8
#縮進(jìn)風(fēng)格:空格
indent_style = space
#縮進(jìn)大小2
indent_size = 2
#換行符lf
end_of_line = lf
#是否刪除行尾的空格
insert_final_newline = true
#是否在文件的最后插入一個(gè)空行
trim_trailing_whitespace = true

3、idea配置 

在 IDEA的設(shè)置中找到ESlint,選擇手動(dòng)ESlint配置,ESlint選擇所在項(xiàng)目下node_modules下的eslint,可以勾選“保存時(shí)運(yùn)行eslint -fix(U)”,這樣保存時(shí)就會(huì)自動(dòng)修改成規(guī)范的代碼。接著點(diǎn)擊“應(yīng)用”,再選擇“確定”就行了。

prettier也記得設(shè)置一下,全部配置完后重啟IDEA。 

總結(jié)

到此這篇關(guān)于在IDEA中配置eslint和prettier的文章就介紹到這了,更多相關(guān)IDEA配置eslint和prettier內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue2封裝webSocket的實(shí)現(xiàn)(開(kāi)箱即用)

    vue2封裝webSocket的實(shí)現(xiàn)(開(kāi)箱即用)

    在Vue2中,可以使用WebSocket實(shí)時(shí)通信,本文主要介紹了vue2封裝webSocket的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-08-08
  • vue使用WEB自帶TTS實(shí)現(xiàn)語(yǔ)音文字互轉(zhuǎn)的操作方法

    vue使用WEB自帶TTS實(shí)現(xiàn)語(yǔ)音文字互轉(zhuǎn)的操作方法

    這篇文章主要介紹了vue使用WEB自帶TTS實(shí)現(xiàn)語(yǔ)音文字互轉(zhuǎn),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
    2024-01-01
  • Vue?項(xiàng)目中Echarts?5使用方法詳解

    Vue?項(xiàng)目中Echarts?5使用方法詳解

    這篇文章主要為大家介紹了Vue?項(xiàng)目中Echarts?5使用方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • 一文輕松了解v-model及其修飾符

    一文輕松了解v-model及其修飾符

    這篇文章主要給大家介紹了關(guān)于v-model及其修飾符的相關(guān)資料,v-model指令有三個(gè)可以選用的修飾符:.lazy、.number以及.trim,本文通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2021-11-11
  • vue實(shí)現(xiàn)抽屜彈窗效果

    vue實(shí)現(xiàn)抽屜彈窗效果

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)抽屜彈窗效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • el-form錯(cuò)誤提示信息手動(dòng)添加和取消的示例代碼

    el-form錯(cuò)誤提示信息手動(dòng)添加和取消的示例代碼

    這篇文章主要介紹了el-form錯(cuò)誤提示信息手動(dòng)添加和取消,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-08-08
  • vue?openlayers實(shí)現(xiàn)臺(tái)風(fēng)軌跡示例詳解

    vue?openlayers實(shí)現(xiàn)臺(tái)風(fēng)軌跡示例詳解

    這篇文章主要為大家介紹了vue?openlayers實(shí)現(xiàn)臺(tái)風(fēng)軌跡示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • vue加載視頻流,實(shí)現(xiàn)直播功能的過(guò)程

    vue加載視頻流,實(shí)現(xiàn)直播功能的過(guò)程

    這篇文章主要介紹了vue加載視頻流,實(shí)現(xiàn)直播功能的過(guò)程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • Vue自動(dòng)構(gòu)建發(fā)布腳本的方法示例

    Vue自動(dòng)構(gòu)建發(fā)布腳本的方法示例

    這篇文章主要介紹了Vue自動(dòng)構(gòu)建發(fā)布腳本的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-07-07
  • Vue實(shí)現(xiàn)移動(dòng)端頁(yè)面切換效果【推薦】

    Vue實(shí)現(xiàn)移動(dòng)端頁(yè)面切換效果【推薦】

    這篇文章主要介紹了Vue實(shí)現(xiàn)移動(dòng)端頁(yè)面切換效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-11-11

最新評(píng)論

龙岩市| 镇宁| 库伦旗| 会理县| 宝兴县| 勐海县| 房山区| 星子县| 宜州市| 崇文区| 绩溪县| 芮城县| 军事| 富平县| 云安县| 迭部县| 乌拉特后旗| 八宿县| 株洲市| 南宁市| 安义县| 苗栗市| 金秀| 德惠市| 云南省| 浠水县| 南康市| 嘉义市| 萨嘎县| 四子王旗| 巴青县| 丰都县| 高阳县| 蒙自县| 法库县| 中牟县| 师宗县| 浑源县| 来安县| 资兴市| 泗洪县|