ESlint + VSCode自動書式コード（2019）

より多くの記事

本論文では、Vueの実証プロジェクトで作られました。
あなたはVueのCLIを使用してプロジェクトを作成するとESlint選挙に、依存関係をダウンロードした後、VSCodeでプロジェクトを開きます。
プラグESLint、[ファイル] - > [プリファレンス- >設定（インストールした場合、中国のプラグインパッケージである必要があり、ファイル- >オプション- >ユーザ）、
、eslintを検索setting.jsonの[編集]をクリックし

、プロファイルに次のオプションを追加します。

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

設定した後、VSCodeは、現在のVueのプロジェクトに基づいて行われます.eslintrc.js確認し、文書の書式コード規則。
PS：あなたは現在のテストだけでなく、TSとJSは問題なく、HTMLとVUE JSコードをファイル保存時に自動書式コードが自動的に起動
テンプレートのVUE有効ではありません。