ESlint+VSCodeオートフォーマット

991 ワード

Vue.jsプロジェクトではeslintチェックを使用します.コードを書くたびに注意しないとエラーが発生し、プロジェクトが実行できず、エラーメッセージが表示されます.
vscodeではESlintプラグインをインストールし、コード保存を書き終わったらESlint構文の要求に応じて自動的にフォーマットします.
 
1、アプリストアへ----eslintプラグインをダウンロード
2,ユーザ設定setting.jsonの設定
 File->Preference->Settings(中国語プラグインパッケージがインストールされている場合はファイル->オプション->ユーザー)Edit in setting.jsonをクリックします
"editor.codeActionsOnSave": {
     "source.fixAll.eslint": true,
 },

設定が完了すると、VSCodeは現在のVueプロジェクトの下にあります.  .eslintrc.js  ファイルのルールは、コードを検証およびフォーマットします.
PS:自動フォーマットコードは保存時に自動的にトリガーされ、現在TSとJS及びvueファイルのJSコードを試しても問題なく、htmlとvueのhtmlとcssは無効です.
 
参照先:https://zhuanlan.zhihu.com/p/94175872
   https://www.cnblogs.com/mingjian/p/9361027.html
   https://www.cnblogs.com/why-not-try/p/8067559.html
   https://www.cnblogs.com/zhouyuan666/p/13054096.html