ツール

初期設定では、新規ファイルを作成したときに「言語の選択を選択します。入力を開始して無視するか、今後このメッセージが表示されないようにします。」というメッセージが表示されます。いまいちな訳され方なので、その説明をします。

VSCodeの設定Detect Indentation(インデントの自動検出)を、OFFにしたときに、どのような動きになるのか不明なので、検証してみることにしました。結果、よっぽどのことがない限りOFFにしない方が良いと思います。

Visural Studio Codeの設定項目Editor: Detect Indentation(インデントの自動検出)が、よくわからないので、htmlファイルで調査してみました。その結果報告です。設定自体は、個人的にはONにしておく方がよいと思っています。

Visual Studio Codeで、インデントを、(初期設定されている)半角スペースではなく、Tabで入力する時の設定方法を説明しますね。

Visual Studio Codeに、html & css & JavaScriptのプレビュー確認に便利なMicrosoft純正の拡張機能Live Previewが、公開されました。インストール方法に加えて、使い方・特徴を簡単にご紹介!

Visural Stadio Codeの拡張機能Live Serverを使うと、html・cssを作成・保存後、ワンクリックで、ブラウザー確認できます。修正では、ファイル保存だけで、ブラウザーに変更が反映されます

Visual Studio Code v1.63以降では、拡張機能をインストールせずに、設定だけで全角スペースをハイライト表示できるようになりました。その方法を説明します。

Visual Studio Codeで、半角スペース & TAB を表示する方法の説明。なお全角スペースを表示するには、拡張機能をインストールする必要があります。

Visual Studio Codeで、メニューバー[表示] → [右端での折り返し]をやっているのに、他のファイルを開いたりすると、エディタの行を、右端で折り返していない! ということがありませんか?

VSCodeで、html:5 または ! と入力し、Tabキーを押して、htmlテンプレート作成するとき、lang="ja"にする方法です 。