vue项目中eslint规则校验配置

新建.eslintrc.js文件,复制下面代码,将文件放到项目根目录即可

module.exports = {root: true,parser: 'vue-eslint-parser', env: {browser: true,node: true,es6: true},extends: ['plugin:vue/essential', 'eslint:recommended'],plugins: [ 'vue'],rules: {'accessor-pairs': 2,'arrow-spacing': [2, {'before': true,'after': true}],'block-spacing': [2, 'always'],'brace-style': [2,'1tbs', {'allowSingleLine': true}],'camelcase': [0, {'properties': 'always'}],'comma-dangle': [ 2, 'never'],'comma-spacing': [2, {'before': false,'after': true}],'comma-style': [2, 'last'],'constructor-super': 2,'curly': [2, 'multi-line'],'dot-location': [ 2, 'property'],'eol-last': 2, 'eqeqeq': [2, 'allow-null'],'generator-star-spacing': [2, {'before': true,'after': true}],'handle-callback-err': [2, '^(err|error)$'],'indent': [2,2, {'SwitchCase': 1}],'jsx-quotes': [2, 'prefer-single'],'key-spacing': [2, {'beforeColon': false,'afterColon': true}],'keyword-spacing': [2, {'before': true,'after': true}],'new-cap': [2, {'newIsCap': true,'capIsNew': false}],'no-constant-condition': 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': 2,'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, {'allowLoop': false,'allowSwitch': false}],'no-lone-blocks': 2,'no-mixed-spaces-and-tabs': 2,'no-multi-spaces': 2,'no-multi-str': 2,'no-multiple-empty-lines': [2, {'max': 1}],'no-native-reassign': 2,'no-negated-in-lhs': 2,'no-new-object': 2,'no-new-require': 2,'no-new-symbol': 2,'no-new-wrappers': 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, {'defaultAssignment': false}],'no-unreachable': 2,'no-unsafe-finally': 2,'no-unused-vars': [2, {'vars': 'all','args': 'none'}],'no-else-return': 1,'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, {'initialized': 'never'}],'operator-linebreak': [2,'after', {'overrides': {'?': 'before',':': 'before'}}],'padded-blocks': [2, 'never'],'quotes': [2,'single', {'avoidEscape': true,'allowTemplateLiterals': true}],'semi': [2, 'never'],'semi-spacing': [2, {'before': false,'after': true}],'space-before-blocks': [2, 'always'],'space-before-function-paren': [2, 'never'],'space-in-parens': [2, 'never'],'space-infix-ops': 2,'space-unary-ops': [2, {'words': true,'nonwords': false}],'spaced-comment': [2,'always', {'markers': ['global','globals','eslint','eslint-disable','*package','!',',']}],'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', {objectsInObjects: false}],'array-bracket-spacing': [2, 'never'],'vue/html-indent': ['error', 2, {'attribute': 1,'baseIndent': 1,'closeBracket': 0,'alignAttributesVertically': true,'ignores': []}],'vue/html-quotes': ['error', 'double'],'vue/html-self-closing': ['error', {'html': {'void': 'never','normal': 'never','component': 'always'},'svg': 'always','math': 'always'}],'vue/html-closing-bracket-newline': ['error', {'singleline': 'never','multiline': 'always'}],'vue/html-closing-bracket-spacing': ['error', {'startTag': 'never','endTag': 'never','selfClosingTag': 'always'}],'vue/max-attributes-per-line': ['error', {'singleline': 3,'multiline': {'max': 3,'allowFirstLine': true}}],'vue/multiline-html-element-content-newline': ['error', {'ignoreWhenEmpty': true,'ignores': ['pre', 'textarea']}],'vue/no-use-v-if-with-v-for': ['error', {'allowUsingIterationVar': false}],'vue/return-in-computed-property': ['error', {'treatUndefinedAsUnspecified': false}],'vue/no-unused-components': ['error', {'ignoreWhenBindingPresent': true}],'vue/attribute-hyphenation': ['error', 'always', {'ignore': []}],'vue/component-name-in-template-casing': ['error', 'kebab-case', {'ignores': []}],'vue/mustache-interpolation-spacing': ['error', 'always'],'vue/name-property-casing': ['error', 'PascalCase'],'vue/no-multi-spaces': ['error', {'ignoreProperties': false}],'vue/no-spaces-around-equal-signs-in-attribute': ['error'],'vue/no-template-shadow': ['error'],'vue/prop-name-casing': ['error', 'camelCase'],'vue/require-default-prop': ['error'],'vue/v-bind-style': ['error', 'shorthand'],'vue/v-on-style': ['error', 'shorthand'],'vue/attributes-order': ['error', {'order': ['DEFINITION','LIST_RENDERING','CONDITIONALS','RENDER_MODIFIERS','GLOBAL','UNIQUE','TWO_WAY_BINDING','OTHER_DIRECTIVES','OTHER_ATTR','EVENTS','CONTENT']}],'vue/order-in-components': ['error', {'order': ['el','name','parent','functional',['delimiters', 'comments'],['components', 'directives', 'filters'],'extends','mixins','inheritAttrs','model',['props', 'propsData'],'data','computed','watch','LIFECYCLE_HOOKS','methods',['template', 'render'],'renderError']}],'vue/this-in-template': ['error', 'never']},parserOptions: {parser: 'babel-eslint'}
}

vue项目中eslint规则校验配置相关推荐

如何关闭vue项目中eslint的校验
找到build/webpack.base.conf.js中的 ...(config.dev.useEslint ? [createLintingRule()] : []), 然后删除"cre ...
Vue项目中ESLint配置（VScode）
Vue项目中ESLint配置(VScode) 1.VScode的配置格式化代码 1.1下载eslint插件 1.2配置setting.json 打开左上角文件-首选项-设置,在设置中搜索eslint, ...
vue项目中eslint检查警告——“Trailing spaces not allowed”
在VSCode中开发Vue项目,eslint检查警告:"Trailing spaces not allowed",这是在警告代码后面有多余的空格导致的,删除空格即可. 转载于:ht ...
vue项目中运用webpack动态配置打包多种环境域名
在如今前后端分离,各种框架盛行的前端界,对项目的打包要求也越来越复杂,本人分享一个vue项目里,根据命令行输入不同的命令,打包出不同环境域名的方法.(欢迎纠错,谢谢.) 1. 安装插件 cross-e ...
Vue项目设置Eslint规则
一.需求当我们创建完vue的新项目后,希望写完代码后会自动格式化代码,以及代码规范化的校验,以便团队相互配合开发二.Vscode安装插件安装 ESLlint.Vetur.Prettier 这三个 ...
vue项目中开启Eslint碰到的一些问题及其规范
eslint是一种代码风格管理的工具,可以制定一些代码编写规范,在vue项目中经常用到 1.'layer' is defined but never used 这是定义了一个变量但是未使用到该变量 ...
解决vue项目中prettier、eslint格式冲突问题
解决vue项目中prettier.eslint格式冲突问题我是用prettier作为vscode默认的格式化插件的,vue项目自动保存的时候,格式化,会自动在代码末尾添加分号,单引号会自动变成双引号 ...
[vue] 在vue项目中如何配置favicon？
[vue] 在vue项目中如何配置favicon? 也可以在当前项目部署的端口主目录下存放favicon.ico文件,默认就会显示该图标个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, ...
vue项目中配置标题栏title的图标和文字
一.普通 HTML 页面,配置图标和文字 <head><title>标题栏文字</title><link rel="icon" href= ...

vue项目中eslint规则校验配置

vue项目中eslint规则校验配置相关推荐

最新文章

热门文章