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