VScode provided vue file stored configuration code and settings.json automatically formatted file.

Vue recently doing a project, due to the installed code detection tool ESlint , each found a lot of code written after the syntax warnings, many find configuration problems also have some small Xu, now a record of settings.json profile.

1, as follows:

 2, settings.json document are as follows:

{
   // VSCode tabsize enabled by default automatically set according to the file type option 
  "editor.detectIndentation": false ,
   // reset tabsize 
  "editor.tabSize": 2 ,
   // # each time you save when automatic formatting 
  "editor .formatOnSave ": to true ,
   // # code each time you save time to repair by eslint format 
  " eslint.autoFixOnSave ": to true ,
   // add support vue 
  " eslint.validate " : [
     " JavaScript " ,
     " javascriptreact " , 
    {
       "Language": "VUE" ,
       "AUTOFIX":true
    }
  ],
  //Let # prettier code format used for verification of eslint 
  "prettier.eslintIntegration": to true ,
   // # remove the end of the code semicolon 
  "prettier.semi": to false ,
   // # using quoted alternate double quotes 
  "prettier.singleQuote" : to true ,
   // # let function (name) and between the rear brackets plus spaces 
  "javascript.format.insertSpaceBeforeFunctionParenthesis": to true ,
   // # the user's own habits by selecting 
  "vetur.format.defaultFormatter.html": " the Beautify-HTML-js " ,
   // # vue let in js formatted according to the editor that comes with ts format 
  " vetur.format.defaultFormatter.js ":" VSCode-the typescript " ,
   " vetur.format.defaultFormatterOptions": {
    "JS-the Beautify-html" : {
       "wrap_attributes": "Force-the aligned"
       // #vue component html code format pattern 
    } 
  } 
  // format Stylus, need to install Manta's Stylus Supremacy widget 
  "stylusSupremacy.insertColons": false , // whether to insert a colon 
  "stylusSupremacy.insertBraces": false , // whether to insert braces 
  "stylusSupremacy.insertSemicolons": false , // whether to insert sub-good 
  "stylusSupremacy.insertNewLineAroundBlocks": false , // two selector whether wrap 
  "stylusSupremacy.insertNewLineAroundImports":false //whether the line feed after Import 
}