vscode 에서 vue-cli 프로젝트 es-int 설정 방법

본 고 는 주로 vscode 에서 vue 프로젝트 es-int 의 설정 을 소개 하 는데 잘못된 부분 이 있 으 면 큰 사람 이 지적 한 것 을 환영 합 니 다.
시작 하 다
플러그 인 설치
그림 에서 보 듯 이:
 
vscode 설정
설치 가 완료 되면 vscode 에 있 는 파일-->첫 번 째 옵션-->설정 에 다음 코드 를 추가 합 니 다.

"eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    {
    "language": "html",
    "autoFix": true
    },
    {
    "language": "vue",
    "autoFix": true
    }
  ]  

        autoFix 는 자동 포맷 코드 를 표시 합 니 다.너무 잘 쓰 지 마 세 요~~
es-int 설정
곧 큰 공사 가 완 성 될 것 이 니,다음 에 우 리 는 다음 과 같은 배치 가 필요 하 다.
.eslintrc.js
주의 하 다.
많은 동료 들 이 다음 과 같은 오류 가 있 을 수 있 습 니 다.npm install-g babel-eslin 트 를 사용 하면 됩 니 다.
 
배치 하 다.
다음은 제 가 개인 적 으로 바 이 두 통 을 참고 하여 수정 한 설정 입 니 다.'eslintrc.js'에 적 혀 있 습 니 다.개인 적 인 취향 으로 인해 사용 하지 않 았 습 니 다.전체,대상 따옴표 키 등 규칙 은 여러분 이 스스로 수정 할 수 있 습 니 다.

module.exports = {
   root: true,       //       eslint              
   parser: 'babel-eslint', //   ，      babel-eslint
   parserOptions: {
    sourceType: 'module' //   module，          ECMAScript  
   },
   env: {
    browser: true, //        ，        
   },
   // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
   //extends: 'standard', //  ，                  
   // required to lint *.vue files
   plugins: [
    'html' //  ，           js  ，  MIME      script        ，      .vue    js  
   ],
   // add your custom rules here
   'rules': {
    //        
    "comma-dangle": ["error", "never"], //             
    "no-cond-assign": 2, //                  
    // "no-console": 2, //     console  
    "no-constant-condition": 2, //                   
    "no-control-regex": 2, //               
    "no-debugger": 2, //     debugger  
    "no-dupe-args": 2, //                 
    "no-dupe-keys": 2, //            
    "no-duplicate-case": 2, //switch           case  
    "no-empty": 2, //          
    "no-empty-character-class": 2, //                
    "no-ex-assign": 2, // try catch              
    "no-extra-boolean-cast": 2, //              
    "no-extra-parens": 0, //            
    "no-extra-semi": 2, //           
    "no-func-assign": 2, //           
    "no-inner-declarations": ["error", "functions"], //              
    "no-invalid-regexp": 2, //    RegExp               
    "no-irregular-whitespace": 2, //           
    "no-negated-in-lhs": 2, //    in                    
    "no-obj-calls": 2, //                 
    "no-regex-spaces": 2, //                 
    // "quote-props": 2, //                 
    "no-sparse-arrays": 2, //           
    // "no-unreachable": 2, // return，throw，continue，break                
    "use-isnan": 2, //    NaN     isNaN()
    "valid-jsdoc": ["error", {
     "requireReturn": false,
     "requireParamDescription": false,
     "requireReturnDescription": true
    }], //  JSDoc  
    "valid-typeof": ["error", {
     "requireStringLiterals": true
    }], //   typeof                  
    "block-scoped-var": 2, //              
    "complexity": 0, //          
    // "consistent-return": 2, //             return       
    "curly": ["error", "all"], //          
    "default-case": 0, // switch      default  
    "dot-notation": ["error", {
     "allowKeywords": false,
     "allowPattern": ""
    }], //             
    // "eqeqeq": ["error", "smart"], //           
    "no-alert": 1, //     alert，confirm，prompt  
    "no-caller": 2, //     arguments.callee arguments.caller  
    "guard-for-in": 0, //  for in  ，           
    "no-div-regex": 2, //                
    "no-else-return": 0, //  if   return，else  return    else 
    "no-labels": ["error", {
     "allowLoop": false,
     "allowSwitch": false
    }], //       
    "no-eq-null": 2, //    null ==  !=
    "no-eval": 2, //     eval()
    "no-extend-native": 2, //         
    "no-extra-bind": 2, //           
    "no-fallthrough": 2, //   switch         case
    "no-floating-decimal": 2, //          
    "no-implied-eval": 2, //       eval()
    "no-iterator": 2, //     __iterator__  
    "no-lone-blocks": 2, //            
    "no-loop-func": 2, //               
    "no-multi-spaces": 2, //          
    "no-multi-str": 2, //    \       
    "no-global-assign": 2, //           
    "no-new": 2, //   new             
    "no-new-func": 2, //     new Function
    "no-new-wrappers": 2, //     new String，Number Boolean  
    "no-octal": 2, //           
    "no-octal-escape": 2, //            
    "no-param-reassign": 0, //           "no-proto": 2, //     __proto__  
    "no-redeclare": 2, //         
    // "no-return-assign": 2, //    return         
    "no-script-url": 2, //     javascript:void(0)
    "no-self-compare": 2, //          
    "no-sequences": 2, //          
    "no-throw-literal": 2, //           throw "error"
    "no-unused-expressions": 2, //         
    "no-void": 2, //   void   
    "no-warning-comments": [1, {
     "terms": ["todo", "fixme", "any other term"]
    }], //       
    "no-with": 2, //     with  
    "radix": 1, //  parseInt                    
    "vars-on-top": 0, //var         
    "wrap-iife": [2, "any"], //            
    "yoda": [2, "never", {
     "exceptRange": true
    }], //    if     yoda  
    "strict": [2, "function"], //      
    "no-catch-shadow": 2, //   try catch     err         "no-delete-var": 2, //     delete   
    "no-label-var": 2, //          
    "no-shadow": 2, //                             
    "no-shadow-restricted-names": 2, //js                   
    // "no-undef": 2, //         
    "no-undef-init": 2, //              undefined
    // "no-undefined": 2, //    undefined       
    // "no-unused-vars": [2, {
    //  "vars": "all",
    //  "args": "after-used"
    // }], //                 
    "no-use-before-define": [2, "nofunc"], //              "indent": 2, //         
    "brace-style": [2, "1tbs", {
     "allowSingleLine": false
    }], //     
    // "camelcase": [2, {
    //  "properties": "never"
    // }], //        
    "comma-style": [2, "last"], //    
    "consistent-this": [0, "self"], //        this       
    "eol-last": 2, //        
    "func-names": 0, //          
    "func-style": 0, //    ，                 
    "key-spacing": [2, {
     "beforeColon": false,
     "afterColon": true
    }], //             
    "max-nested-callbacks": 0, //      
    "new-cap": [2, {
     "newIsCap": true,
     "capIsNew": false
    }], //            
    "new-parens": 2, //new           
    "newline-after-var": 0, //          
    "no-array-constructor": 2, //          
    "no-inline-comments": 0, //       
    "no-lonely-if": 0, //   else     if  
    "no-mixed-spaces-and-tabs": [2, "smart-tabs"], //     tab   
    "no-multiple-empty-lines": [2, {
     "max": 2
    }], //          
    "no-nested-ternary": 2, //             
    "no-new-object": 2, //    new Object()
    // "fun-call-spacing": 2, //     ，    ()       
    "no-ternary": 0, //          
    "no-trailing-spaces": 2, //          
    // "no-underscore-dangle": 2, //            
    "no-extra-parens": 0, //          
    "one-var": 0, //          
    "operator-assignment": 0, //        
    "padded-blocks": [2, "never"], //          
    "quote-props": 0, //            
    "quotes": [1, "single", "avoid-escape"], //    
    "semi": [2, "always"], //        
    "semi-spacing": [2, {
     "before": false,
     "after": true
    }], //      
    "sort-vars": 0, //       
    "space-before-blocks": [2, "always"], //     
    "space-before-function-paren": [2, {
     "anonymous": "always",
     "named": "never"
    }], //           
    "space-infix-ops": [2, {
     "int32Hint": true
    }], //        
    "keyword-spacing": 2, //        
    "space-unary-ops": [2, {
     "words": true,
     "nonwords": false
    }], //            
    "wrap-regex": 2, //              
    "no-var": 0, //  let const  var
    "generator-star-spacing": [2, "both"], //         
    "max-depth": 0, //     
    "max-len": 0, //      ，     
    "max-params": 0, //           
    "max-statements": 0, //          
    "no-bitwise": 0, //         
    "no-plusplus": 0 //     ++ --   
   }
  }

총결산
위 에서 말 한 것 은 소 편 이 소개 한 vscode 에서 vue-cli 프로젝트 es-int 의 설정 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!