eslint规范项目代码

安装一系列eslint插件后，填写eslint配置，配置如下
.editorconfig

root = true

[*]

charset = utf-8

indent_style = space

indent_size = 2

end_of_line = lf

insert_final_newline = true

trim_trailing_whitespace = true

.eslintignore

/build/

/config/

/dist/

/static/js

/src/test

**/*.js

.eslintrc.js

module.exports = {

  root: true,

  parserOptions: {

     parser: 'babel-eslint'

  },

  env: {

    browser: true,

  },

  globals: {

    'AMap': true,

    '$': true

  },

  extends: [

// https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention

      // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for   		stricter rules.

    'plugin:vue/essential',

    // https://github.com/standard/standard/blob/master/docs/RULES-en.md

    'standard'

  ],

  plugins: [

    'html',

    'vue'

  ],

  rules: {

    'generator-star-spacing': 'off',

    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',

    'semi': ['error', 'never'],

    'no-extra-semi': "error",

    'eqeqeq': 0,

    'spaced-comment': 0,

    'keyword-spacing': 0,

    "quotes": [0, "single"],

    'comma-dangle': 0,

    'curly': 0,

    'no-unused-expressions': 0,

    'padded-blocks': ["error", "never"],

    'space-before-function-paren': ["error", "always"],

    'no-mixed-operators': 0,

    'operator-linebreak': 0,

    'camelcase': 0,

    'no-lone-blocks': 0,

    'no-new': 0,

    'one-var': 0,

    'no-unneeded-ternary': 0

  }

}

webpack.base.conf.js

   {

        test: /\.(js|vue)$/,

        loader: 'eslint-loader',

        enforce: 'pre',

        include: [resolve('src'), resolve('test')],

       exclude: [resolve('src/components/upload')],

        options: {

          formatter: require('eslint-friendly-formatter'),

        }

   },

   {

        test: /\.vue$/,

        loader: 'vue-loader',

        options: vueLoaderConfig

   },

User Settings

{

    "window.zoomLevel": 1,

    "files.autoSave": "off",

    "vetur.validation.template": false,

    "search.followSymlinks": false,

    "editor.tabSize": 2,

    "editor.parameterHints": true,

    "editor.quickSuggestions": {

        "other": true,

        "comments": true,

        "strings": true

    },

    "workbench.colorTheme": "Solarized Dark",

    // 单引号

    "prettier.singleQuote": true,

    // 不加分号

    "prettier.trailingComma": "all",

    //去掉代码结尾的分号

    "prettier.semi": false,

    "vetur.format.defaultFormatter.js": "vscode-typescript",

    // 使用 js-beautify-html 插件格式化 html

    "vetur.format.defaultFormatter.html": "js-beautify-html",

    //开启 eslint 支持

    "prettier.eslintIntegration": true,

    //每次保存自动格式化

    "editor.formatOnSave": true,

    // 每次保存的时候将代码按eslint格式进行修复

    "eslint.autoFixOnSave": true,

    // 添加 vue 支持

    "eslint.validate": [

        "javascript",

        "javascriptreact",

        {

            "language": "html",

            "autoFix": true

        },

        {

            "language": "vue",

            "autoFix": true

        }

    ],

    // 格式化插件的配置

    "vetur.format.defaultFormatterOptions": {

        "js-beautify-html": {

            // 属性强制折行对齐

            "wrap_attributes": "force-aligned",

        }

    },

    //让函数(名)和后面的括号之间加个空格

    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

    //去掉分号

    "stylusSupremacy.insertSemicolons": false,

    //#去掉大括号

    "stylusSupremacy.insertBraces": false,
巴特西

eslint规范项目代码

最新文章

热门文章
