vscode の HTML にはどのようなプラグインをインストールする必要がありますか?

プラグインには次のものが含まれます: 1. 「タグの自動終了」; 2. 「タグの名前の自動変更」; 3. 「美化」; 4. 「HTML CSS サポート」; 5. 「ブラウザで開く」; 6 . 「ブラウザで表示」など。

このチュートリアルの動作環境: Windows 7 システム、HTML5&&Visual Studio Code バージョン 1.54.1、Dell G3 コンピューター。

#vscode HTML 開発プラグイン

1. 自動終了タグ

Visual Studio IDE または Sublime Text と同じ HTML/XML 終了タグを自動的に追加

##2、タグの名前を自動変更

#タグの名前を自動的に変更する

##HTML/XML タグの名前を変更する場合、ペアになった HTML/XML タグの名前も自動的に変更します

##3. 美化

## Visual Studio Code で JavaScript、JSON、CSS、Sass、HTML を美化します。

4. ブラケット ペア カラーライザー

この拡張機能を使用すると、一致するブラケットを色で識別できます。ユーザーは、一致する文字と使用する色を定義できます

5、HTML CSS サポート

クラスのプロパティが完成しました。

id ​​属性が完成しました。

class 属性と id 属性の Zen コーディング補完をサポートします。 ワークスペース フォルダー内の css および scss ファイルをスキャンします。

リモート CSS ファイルをサポートします。

vscode-css- languageservice を使用します。

#6. HTML スニペット

HTML5 コード スニペットを含む完全な HTML タグ

7、JavaScript (ES6) コード スニペット

#この拡張機能には、VS コード エディター フラグメントの ES6 構文用の JavaScript コードが含まれています(JavaScript と TypeScript の両方をサポートします)。

8. jQuery コード スニペット

JavaScript コード用の 130 以上の jQuery コード スニペット。

文字「jq」を入力するだけで、利用可能なすべての jQuery スニペットのリストが表示されます。

9、ブラウザで開く

これにより、デフォルトのブラウザまたはアプリケーションで開くことができます。現在のファイル。

10. パス Intellisense

ファイル名を自動的に補完する Visual Studio Code プラグイン。

11. ブラウザで表示

vscode 拡張機能を使用すると、ブラウザで HTML ファイルを表示できます。

#12、

ライブ サーバー

#ライブ サーバー: 本物のサーバー-timeloading html/css/javascript をクラックするために使用できる機能的な小規模サーバーですが、最終的なサイトの展開には使用できません。つまり、プロジェクト内のリアルタイム サーバーとしてライブ サーバーを使用し、開発された Web ページやプロジェクトの効果をリアルタイムで表示できます。

利点1: ワンクリックインストール、自動更新、ローカルサーバー環境のセットアップ。

2: gulp build と比較して、自動更新を実現してローカルサーバー環境を構築するには、自動更新プラグイン gulp-livereload のインストールと、ローカルサーバープラグイン gulp-server のセットアップが必要です。ライブサーバーはあと一歩です。 Live Server をインストールしていれば、ローカル サーバー環境の自動更新とセットアップの問題を解決できます。

推奨チュートリアル: vscode チュートリアル、html ビデオ チュートリアル

以上がvscode の HTML にはどのようなプラグインをインストールする必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。