ホームページ  >  記事  >  開発ツール  >  vscodeでHTMLを書く手順

vscodeでHTMLを書く手順

angryTom
angryTomオリジナル
2020-02-04 16:36:4935666ブラウズ

vscode はフロントエンド開発ツールですが、ページを開発するにはどのような手順を踏めばよいでしょうか?この記事では、vscode を使用して HTML ドキュメントを作成する手順を紹介します。

vscodeでHTMLを書く手順

#vscode を使用して HTML を記述する手順

1. プロジェクト ディレクトリとして空のフォルダーを作成します

vscodeでHTMLを書く手順

#2. vscode を開き、ファイル内の [フォルダーを開く] を選択します。もちろん、フォルダーを vscode エディターに直接ドラッグすることもできます

vscodeでHTMLを書く手順

3. 左側の「エクスプローラー」にプロジェクト フォルダーが表示され、それを右クリックして新しい HTML ドキュメントを作成します

vscodeでHTMLを書く手順

4. emmet の構文を使用して、半角の感嘆符! を入力して Tab キーを押すと、HTML 構造が自動的に生成されます。

注: 効果がない場合は、最初に emmet プラグインをインストールしてください


5.本文内の独自のコードvscodeでHTMLを書く手順

おすすめの関連記事とチュートリアル:

vscode チュートリアルvscodeでHTMLを書く手順

以上がvscodeでHTMLを書く手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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