ホームページ  >  記事  >  ウェブフロントエンド  >  vscode ではどの Vue プラグインが使用されますか?

vscode ではどの Vue プラグインが使用されますか?

青灯夜游
青灯夜游オリジナル
2022-03-03 17:13:036909ブラウズ

Vue 開発プラグインには次のものが含まれます: 1. 構文強調表示、インテリジェント センシングなどに使用される「Vetur」、2. 構文エラー修正に使用される「EsLint」、3. 使用される「Path Intellisense」自動パスの場合 補完; 4. 「HTML CSS サポート」; 5. 「美化」など

vscode ではどの Vue プラグインが使用されますか?

このチュートリアルの動作環境: Windows7 システム、vue2.9.6&&Visual Studio Code バージョン 1.62.3、DELL G3 コンピューター。

VSCode の一般的な vue 開発プラグイン

必要なプラグイン 1 つ:

(1) Vetur - 構文ハイライト、インテリジェント センシング、Emmet など。

(2) EsLint - 構文エラー修正。ショートカット キー設定: ファイル -> 環境設定 -> キーボード ショートカット -> 「fix」を検索 -> 「ESLint: 自動修正可能なすべての問題を解決する」ショートカットを「ctrl alt l」に変更します (IDEA 書式設定コード ショートカット キー)

(3) タグの自動終了 - HTML/XML タグを自動的に閉じます

(4) タグの名前の自動変更 - 反対側のタグの同期変更を自動的に完了します)

(5​​) JavaScript (ES6) コード スニペット - ES6 構文のインテリジェントなプロンプトと素早い入力、js に加えて、.ts、.jsx、.tsx、.html、.vue もサポートしているため、設定する必要がありませんjs コード ファイルを含むさまざまな Time をサポートするため

(6) jQuery コード スニペット - jQuery コード インテリジェント プロンプト

(7) Path Intellisense - 自動パス補完

(8) HTML CSS サポート - 現在のプロジェクトでサポートされているスタイルをインテリジェントにプロンプ​​トするクラスを HTML タグに記述します。

(9) ブラウザで開きます - プロジェクトを右クリックし、クリックして開始します

2 つのオプション プラグイン:

(1) Markdown Preview Enhanced - マークダウンのリアルタイム プレビュー、マークダウン ユーザー必須

(2) markdownlint - マークダウン構文エラーの修正

(3) Beautify - 形式

(4) GitLens - Git ログの表示に便利で、Git ユーザーには必須

(5) Angular 5 スニペット - Angular インテリジェントな構文プロンプト

(6) ライブサーバー - インストール後、シンプルなサーバーを開くことができます。そして、自動的に更新されます。プロジェクト フォルダーを開き、ファイルを右クリックすると、[ライブ サーバーで開く] オプションが表示され、ブラウザが自動的に開きます。デフォルトのポート番号は 5500

(7) Prettier - 形式

VSCode について詳しくは、vscode チュートリアル をご覧ください。 !

以上がvscode ではどの Vue プラグインが使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。