VSCODE配置eslint校验和保存自动修复

福尔摩斯对我笑 2019-06-07 22525 次 2086条

VSCODE 配置eslint规则和自动修复

  • vscode安装以下插件

    EsLint、vetur、Prettier - Code formatter

  • vscode设置了添加配置项,,默认会去查找你项目中的eslint配置文件
       {
      "workbench.iconTheme": "material-icon-theme",
      "explorer.confirmDragAndDrop": false,
      "explorer.confirmDelete": false,
      //配置eslint
      "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
      "eslint.validate": [
         "javascript",  //  用eslint的规则检测js文件
         {
           "language": "vue",   // 检测vue文件
           "autoFix": true   //  为vue文件开启保存自动修复的功能
         },
         {
           "language": "html",
           "autoFix": true
         },
       ],
    
    }
    
    
  • 项目中创建.eslitrc.js配置 文件,可能比较多
        module.exports = {
      root: true,
      parserOptions: {
        parser: 'babel-eslint',
        sourceType: 'module'
      },
      env: {
        browser: true,
        node: true,
        es6: true,
      },
      extends: ['plugin:vue/recommended', 'eslint:recommended'],
    
      // add your custom rules here
      //it is base on https://github.com/vuejs/eslint-config-vue
      rules: {
        "vue/max-attributes-per-line": [2, {
          "singleline": 10,
          "multiline": {
            "max": 1,
            "allowFirstLine": false
          }
        }],
        "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, {
          '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': ["error", "always", {"null": "ignore"}],
        '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
        }],
        '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, {
          '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-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']
      }
    }
    
    
  • Done 还看,没了,快去试试吧

标签: 无

非特殊说明,本博所有文章均为博主原创。

头像也是LOGO
未来博客 博主大人
到了这个年纪,不应该再彷徨!

发表评论



 


已有 2086 条评论 1


  1. Porn

    I have not checked in here for a while since I thought it was getting boring, but the last several posts are good quality so I guess I’ll add you back to my daily bloglist. You deserve it my friend 🙂

    回复 2019年12月11日
  2. TV stand assembly service

    I have been reading out many of your posts and i can claim clever stuff. I will definitely bookmark your website.

    回复 2019年12月11日
  3. women cashmere wrap

    I simply could not depart your website before suggesting that I actually enjoyed the usual information an individual supply to your guests? Is gonna be back incessantly to check up on new posts

    回复 2019年12月10日
  4. Deep Tissue Sports Swedish

    Great post. I was checking constantly this weblog and I am inspired! Very useful information particularly the last phase 🙂 I handle such information much. I used to be looking for this particular information for a very lengthy time. Thank you and good luck.

    回复 2019年12月10日
  5. SapidAgency

    Sapid Agency is a Search Engine Optimization company in New York City that provides SEO Services. Their proprietary SEO strategies help struggling websites and aspiring business owners to rank their websites higher in multiple search engines like Google , Yahoo and Bing. They provide local and gmb map ranking for businesses in NYC and many other local areas. Find more at https://www.sapidagency.com/

    回复 2019年12月10日
  6. dresser assembly service

    Hello, Neat post. There’s an issue together with your website in web explorer, might check this… IE still is the marketplace leader and a big component to people will pass over your great writing due to this problem.

    回复 2019年12月10日
  7. Egypt

    Have you ever thought about including a little bit more than just your articles? I mean, what you say is fundamental and all. However imagine if you added some great photos or video clips to give your posts more, “pop”! Your content is excellent but with pics and video clips, this site could definitely be one of the best in its niche. Superb blog!

    回复 2019年12月10日
  8. Bed assembly service

    Thanks for your write-up on the vacation industry. We would also like to include that if you’re a senior thinking of traveling, it truly is absolutely imperative that you buy traveling insurance for golden-agers. When traveling, golden-agers are at greatest risk of experiencing a professional medical emergency. Buying the right insurance policy package on your age group can safeguard your health and give you peace of mind.

    回复 2019年12月10日
  9. house cleaning Las Vegas

    Have you ever considered writing an e-book or guest authoring on other blogs? I have a blog based upon on the same subjects you discuss and would really like to have you share some stories/information. I know my viewers would value your work. If you are even remotely interested, feel free to send me an email.

    回复 2019年12月9日
  10. house cleaning Las Vegas

    Good day! Do you use Twitter? I’d like to follow you if that would be okay. I’m undoubtedly enjoying your blog and look forward to new updates.

    回复 2019年12月9日
  11. Pool table assembly service

    Good post made here. One thing I would like to say is the fact that most professional job areas consider the Bachelor’s Degree like thejust like the entry level standard for an online course. When Associate Diplomas are a great way to begin, completing the Bachelors starts up many entrances to various occupations, there are numerous online Bachelor Diploma Programs available from institutions like The University of Phoenix, Intercontinental University Online and Kaplan. Another concern is that many brick and mortar institutions provide Online types of their certifications but typically for a substantially higher payment than the institutions that specialize in online higher education degree plans.

    回复 2019年12月9日
  12. เกมไฮโล พื้นบ้าน

    I haven’t checked in here for some time because I thought it was getting boring, but the last few posts are great quality so I guess I will add you back to my everyday bloglist. You deserve it my friend 🙂

    回复 2019年12月9日
  13. บ่อนพนัน

    Awsome article and right to the point. I don’t know if this is truly the best place to ask but do you guys have any thoughts on where to hire some professional writers? Thx 🙂

    回复 2019年12月9日
  14. i99BET

    Right here is the perfect site for anybody who would like to understand this topic. You realize so much its almost hard to argue with you (not that I really would want to…HaHa). You certainly put a fresh spin on a subject which has been discussed for decades. Wonderful stuff, just wonderful.

    回复 2019年12月9日
  15. Furniture assembly help

    But wanna comment that you have a very nice internet site , I the design and style it actually stands out.

    回复 2019年12月9日
  16. John Deere Repair Manuals

    Thanks, I just found your blog and wanted to say that I’ve truly enjoyed browsing your blog posts. After all I’ll be subscribing to your feed and I hope you write again very soon!

    回复 2019年12月9日
  17. i99BET

    I’m extremely pleased to find this site. I wanted to thank you for your time for this wonderful read!! I definitely loved every little bit of it and I have you book-marked to look at new things in your blog.

    回复 2019年12月8日
  18. Furniture installers

    Would you be focused on exchanging links?

    回复 2019年12月8日
  19. Furniture assembly help

    obviously like your web site but you have to check the spelling on several of your posts. Many of them are rife with spelling problems and I find it very troublesome to tell the truth nevertheless I will surely come back again.

    回复 2019年12月8日
  20. UFABET

    Very good write-up. I certainly love this site. Continue the good work!

    回复 2019年12月7日
  21. any assembly

    Wow! This can be one particular of the most beneficial blogs We’ve ever arrive across on this subject. Basically Fantastic. I am also a specialist in this topic therefore I can understand your hard work.

    回复 2019年12月7日
  22. Business furniture installation

    hi!,I really like your writing so a lot! percentage we be in contact extra approximately your post on AOL? I require an expert in this area to solve my problem. May be that’s you! Taking a look ahead to see you.

    回复 2019年12月7日
  23. ตู้ม้าออนไลน์ apk

    This really answered my downside, thanks!

    回复 2019年12月6日
  24. ultimate installation

    I got what you intend, appreciate it for posting .Woh I am delighted to find this website through google. “Those who corrupt the public mind are just as evil as those who steal from the public.” by Theodor Wiesengrund Adorno.

    回复 2019年12月6日
  25. udaipur escorts

    Great beat ! I wish to apprentice while you amend your site, how can i subscribe for a blog web site? The account aided me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear concept

    回复 2019年12月6日
  26. cebantogel

    magnificent issues altogether, you simply won a logo new reader. What may you recommend in regards to your publish that you simply made a few days ago? Any certain?

    回复 2019年12月6日
  27. 3d design

    I just couldn’t depart your web site before suggesting that I really enjoyed the standard info a person provide for your visitors? Is going to be back often in order to check up on new posts

    回复 2019年12月5日
  28. i99bet

    May I simply just say what a relief to discover somebody that genuinely understands what they’re talking about on the internet. You actually realize how to bring an issue to light and make it important. A lot more people need to look at this and understand this side of the story. I was surprised that you aren’t more popular since you definitely have the gift.

    回复 2019年12月4日
  29. i99bet

    Hi there, I do believe your blog could be having web browser compatibility problems. Whenever I take a look at your site in Safari, it looks fine however when opening in I.E., it has some overlapping issues. I merely wanted to give you a quick heads up! Other than that, excellent site.

    回复 2019年12月3日
  30. John Deere Technical Manuals

    Please visit these excellent download sites and download all cool stuffs for free.

    回复 2019年12月2日
  31. Micah Chien

    It’s hard to come by well-informed people on this subject, however, you sound like you know what you’re talking about! Thanks

    回复 2019年12月2日
  32. Projektowanie Gorzów

    I believe this website has some rattling good info for everyone. “There is nothing so disagreeable, that a patient mind cannot find some solace for it.” by Lucius Annaeus Seneca.

    回复 2019年11月30日
  33. Francisco Wikins

    You are my breathing in, I own few blogs and often run out from to post : (.

    回复 2019年11月29日
  34. Vince Comish

    Excellent stuff. I can not describe how much your site has helped me within my academic research on the subject. I am now going to get top marks for certain. Thanks a million. I owe you one.

    回复 2019年11月28日
  35. recommended you read

    I just want to mention I am newbie to blogging and site-building and definitely savored you’re website. Very likely I’m likely to bookmark your website . You definitely come with exceptional articles. With thanks for revealing your web-site.

    回复 2019年11月24日
  36. StevDede

    Buy Synthroid Abbott Zithromax Rx prix levitra medicament buy accutane online reviews Acheter Dapoxetine Online No Prescription Comprar Cytotec En Estados Unidos

    回复 2019年10月26日