Sublime Text3 を使用して HTML をすばやく作成する方法を教えます

以下の sublime のチュートリアル コラムでは、sublime Text 3 を使用して HTML を記述する方法を紹介します。

1. Sublime Text 3 をダウンロードしてインストールします。

2. Sublime Text 3 インターフェイスを開きます。

ようこそページ

3. Ctrl N を押して新しいページを作成します。

新しいページ

4. Ctrl S を押して、.html 接尾辞を使用して指定したファイル名で保存します (接尾辞は重要です。 Sublime will 接尾辞に基づいて言語の種類を決定し、対応するオートコンプリートを有効にするのに役立ちます)。たとえば、ファイル名は test.html

この時点で、現在のタブ ページのファイル名は test.html

5 になります。図に示すように、「< h」と入力すると、対応するコード補完候補ディレクトリがポップアップ表示され、最初のディレクトリに html があることがわかり、Enter キーを押すと、自動的に補完されます。

#6. 図に示すように、Sublime Text 3 は HTML ページのフレームワークを自動的に生成するため、大量の初期コンテンツを苦労して入力する必要はなくなりました。

注: は HTML5 の新機能です。

7. の間に Web ページの名前を入力してください。これはブラウザのタブ上の名前です。たとえば、「index.

##8」と入力します。 と の間に

9. Sublime を閉じる必要はなく、一般的なブラウザを使用して test.html ファイルを開くだけです。

ブラウザの現在のタグ名は入力した title:index で、アドレス バーの内容は HTML ファイルのローカル パスです。

第 1 章は、入力したばかりの 2 番目のタイトルです。

10. ブラウザを閉じずに、Sublime に

と

Web! の間に「Hello World Wide」と入力して、Enter キーを押します。 Ctrl S を押してファイルを保存します。

11. ブラウザを更新すると、HTML 表示コンテンツが変更されたことがわかります: (Chrome ブラウザでの更新操作は、メニューを右クリックして再読み込みし、または Ctrl R を押します)

12. この時点で、Sublime を使用して HTML を記述する入門部分が完了しました。また、ブラウザを使用してすぐに手動で HTML を作成することもできます。コードの作成中に表示効果の変化を追跡します。 win10 の分割画面を使用して、Sublime をブラウザーと並べて観察しやすくすることもできます。

以上がSublime Text3 を使用して HTML をすばやく作成する方法を教えますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。