在專案中如何自定義的Eslint配置

2022-06-16 15:27:11 字數 4779 閱讀 6608

在你的前端專案中找到.eslintrc.js檔案,如圖

module.exports = ,

env: ,

extends: ['plugin:vue/recommended', 'eslint:recommended'],

// add your custom rules here

//it is base on

rules:

}],'vue/html-indent': [

'error',

4,],

"vue/singleline-html-element-content-newline": "off",

"vue/multiline-html-element-content-newline":"off",

"vue/name-property-casing": ["error", "pascalcase"],

"vue/no-v-html": "off",

'accessor-pairs': 2,

'arrow-spacing': [2, ],

'block-spacing': [2, 'always'],

'brace-style': [2, '1tbs', ],

'camelcase': [0, ],

'comma-dangle': [2, 'never'],

'comma-spacing': [2, ],

'comma-style': [2, 'last'],

'constructor-super': 2,

'curly': [2, 'multi-line'],

'dot-location': [2, 'property'],

'eol-last': 2,

'eqeqeq': ["error", "always", ],

'generator-star-spacing': [2, ],

'handle-callback-err': [2, '^(err|error)$'],

'indent': [2, 4, ],

'jsx-quotes': [2, 'prefer-single'],

'key-spacing': [2, ],

'keyword-spacing': [2, ],

'new-cap': [2, ],

'new-parens': 2,

'no-array-constructor': 2,

'no-caller': 2,

'no-console': 'off',

'no-class-assign': 2,

'no-cond-assign': 2,

'no-const-assign': 2,

'no-control-regex': 0,

'no-delete-var': 2,

'no-dupe-args': 2,

'no-dupe-class-members': 2,

'no-dupe-keys': 2,

'no-duplicate-case': 2,

'no-empty-character-class': 2,

'no-empty-pattern': 2,

'no-eval': 2,

'no-ex-assign': 2,

'no-extend-native': 2,

'no-extra-bind': 2,

'no-extra-boolean-cast': 2,

'no-extra-parens': [2, 'functions'],

'no-fallthrough': 2,

'no-floating-decimal': 2,

'no-func-assign': 2,

'no-implied-eval': 2,

'no-inner-declarations': [2, 'functions'],

'no-invalid-regexp': 2,

'no-irregular-whitespace': 2,

'no-iterator': 2,

'no-label-var': 2,

'no-labels': [2, ],

'no-lone-blocks': 2,

'no-mixed-spaces-and-tabs': 2,

'no-multi-spaces': 2,

'no-multi-str': 2,

'no-multiple-empty-lines': [2, ],

'no-native-reassign': 2,

'no-negated-in-lhs': 2,

'no-new-object': 2,

'no-new-require': 2,

'no-new-symbol': 2,

'no-obj-calls': 2,

'no-octal': 2,

'no-octal-escape': 2,

'no-path-concat': 2,

'no-proto': 2,

'no-redeclare': 2,

'no-regex-spaces': 2,

'no-return-assign': [2, 'except-parens'],

'no-self-assign': 2,

'no-self-compare': 2,

'no-sequences': 2,

'no-shadow-restricted-names': 2,

'no-spaced-func': 2,

'no-sparse-arrays': 2,

'no-this-before-super': 2,

'no-throw-literal': 2,

'no-trailing-spaces': 2,

'no-undef': 2,

'no-undef-init': 2,

'no-unexpected-multiline': 2,

'no-unmodified-loop-condition': 2,

'no-unneeded-ternary': [2, ],

'no-unreachable': 2,

'no-unsafe-finally': 2,

'no-unused-vars': [2, ],

'no-useless-call': 2,

'no-useless-computed-key': 2,

'no-useless-constructor': 2,

'no-useless-escape': 0,

'no-whitespace-before-property': 2,

'no-with': 2,

'one-var': [2, ],

'operator-linebreak': [2, 'after',

}],'padded-blocks': [2, 'never'],

'quotes': [2, 'single', ],

'semi': [2, 'never'],

'semi-spacing': [2, ],

'space-before-blocks': [2, 'always'],

'space-before-function-paren': [2, 'never'],

'space-in-parens': [2, 'never'],

'space-infix-ops': 2,

'space-unary-ops': [2, ],

'spaced-comment': [2, 'always', ],

'template-curly-spacing': [2, 'never'],

'use-isnan': 2,

'valid-typeof': 2,

'wrap-iife': [2, 'any'],

'yield-star-spacing': [2, 'both'],

'yoda': [2, 'never'],

'prefer-const': 2,

'no-debugger': process.env.node_env === 'production' ? 2 : 0,

'object-curly-spacing': [2, 'always', ],

'array-bracket-spacing': [2, 'never']

}}

其中

'indent': [2, 4, ],
其中的2代表『error』,即如果不按eslint設定的空格縮排將會報錯,其中的4為必須縮排4個空格

這是js的設定

如果我想設定html的縮排也是為4個空格該怎麼辦

其中的

'vue/html-indent': [

'error',

4,],

為設定html空格縮排為4個

但是如果是接手別人的專案,但是又想使用自己eslint配置,總不能我要一行一行把以前的**都去手動設定一遍吧,比如下面的錯誤

該如何解決呢,在專案中的package.json中加上一行

"lintfix": "eslint --fix --ext .js,.vue src"命令列

執行 npm run lintfix就會格式化為你自己配置的eslint規範

這只是最簡單的一些eslint配置,下面將會總結一些更多的eslint配置~~~

在Xcode專案中匯入自定義的字型

1.將你的font的ttf檔案匯入到專案裡。2.找到專案的info.plist檔案。如果你沒有手動修改過上述的檔案,它的預設名字應該是 專案名 info.plist 4.在裡面的item項裡新增你的font檔案的名字 使用的方法如下 thelabel setfont uifont fontwithn...

php 專案中自定義日誌方法

在現在專案中之前沒有定義日誌的方法,每次除錯起來很麻煩,經常不能輸出引數,只能用寫日誌的方法,一直用file put contents很煩躁,於是用了一點時間,寫了這樣乙個方法 日誌生成類 write by vson time 2017 06 14 for record and check clas...

自定義 如何自定義協議

何為自定義協議,其實是相對標準協議來說的,這裡主要針對的是應用層協議 常見的標準的應用層協議如http ftp smtp等,如果我們在網路通訊的過程中不去使用這些標準協議,那就需要自定義協議,比如我們常用的rpc框架 dubbo,thrift 分布式快取 redis,memcached 等都是自定義...