VScodeはVUEファイル格納されたコンフィギュレーションコードを提供し、自動的にファイルをフォーマットsettings.json。

Vueのは最近によりインストールされたコード検出ツールESlintに、プロジェクトをやって、各構文の警告の後に書かれたコードの多くを発見し、多くの検索の設定の問題もいくつかの小さな徐、settings.jsonプロファイルの今のレコードを持っています。

1、次のように：

 次のように2、settings.jsonの文書は、次のとおりです。

{
   // 自動的にファイルタイプオプションに応じて設定されているデフォルトで有効になってVSCode tabsize 
  「editor.detectIndentation」：偽、
   // tabsizeをリセット 
  「editor.tabSize」：2 、
   // フォーマット時に自動あなたが救う＃毎回 
  「エディタを.formatOnSave "：trueに、
   // ＃コードあなたがeslint形式で修復するには、時間を節約するたびに 
  " eslint.autoFixOnSave： " trueに、
   // サポートVUEの追加 
  " eslint.validate " ：[
     JavaScriptを" " " javascriptreact」を、
    { "言語"： "VUE" 、
       "AUTOFIX"：真
    } 
  ]、//
      
  eslintの検証に使用さ＃きれいコードフォーマットしてみましょう 
  「prettier.eslintIntegrationを」：trueに、
   // ＃コードのセミコロンの終わり取り除く 
  「prettier.semiを」：falseに、
   // ＃引用された別の二重引用符を使用して 
  「prettier.singleQuoteを」 ：trueに、
   // ＃聞かせて機能（名前）と背面ブラケットプラス空間の間の 
  「javascript.format.insertSpaceBeforeFunctionParenthesis」：trueに、
   // ＃ユーザー自身の習慣を選択して 
  「vetur.format.defaultFormatter.htmlを」： "美しく-HTML-JS " // TS形式に付属しているエディタに従ってフォーマットJSに＃VUEレット 
  "：" VSCode-typescriptです"vetur.format.defaultFormatter.js" 、
   " vetur.format。defaultFormatterOptions」 ：{
    「JS-美しく-HTML」：{
      「wrap_attributes」：「強制整列」
       // #vue成分HTMLコード形式のパターン
    } 
  } 
  // フォーマットスタイラス、マンタのスタイラス至上ウィジェットをインストールする必要が 
  「stylusSupremacy.insertColonsを」：偽、// コロン挿入するかどうか 
  ：「stylusSupremacy.insertBraces」偽、// 括弧を挿入するかどうかは 
  ：「stylusSupremacy.insertSemicolons」偽を、// サブ良い挿入するかどうか 
  ：「stylusSupremacy.insertNewLineAroundBlocks」偽、// 2つのセレクタラップかどうか 
  「stylusSupremacy.insertNewLineAroundImports」：偽 //インポート後改行か 
}