VSCode(Visual Studio Code)

VSCodeでおすすめの「open in browser」という拡張機能があります。この便利な拡張機能を使用すると、VSCode内で開いているHTMLファイルやWebアプリケーションから直接ブラウザを開くことができます。 エクスプローラーか...

Prettier（プリティア）とは？ プリティアーとは、VSCodeで使える自動整形（フォーマット）の拡張機能です。 以下のような特徴があります。 独自のコードフォーマッター 多くの言語をサポート ほとんどのエディタと統合 選択肢が少ない ...

Visual Studio Codeの表示を日本語化する方法です。初期表示の英語だと使いにくいので日本語化したい場合に参考ください。 Command Palette まずは、Viewの中にある「Command Palette」を開きます。 ...

VSCodeで編集をしている時に「エディター上でブラウザ表示プレビューを見れたら便利だな」と思うこともあるかと思います。そのような時に便利な拡張機能が「Live Preview」です。 「Live Preview」とは？ 「Live Pre...

VS Codeは、標準ではテキストが右端で折り返しにならずに、画面からはみ出した状態になっています。 右端で折り返すの設定／解除 ひとまず、折り返すをしたい場合は、「表示」＞「右端で折り返すの設定／解除」または「Alt」＋「Z」を押すと、テ...

VSCodeで編集をしている時に「なんとかならないかな」のひとつが「HTMLを編集した時にリアルタイムでブラウザの状態を反映させる」かな、と思います。そんな時に便利な拡張機能が「Live Server（ライブサーバー）」です。 Live S...

Visual Studio Code (VSCode)日本語化 Visual Studio Code (VSCode)をインストールした直後は「英語」になっているので、このままでもいいのですが、操作にちょっと戸惑います。 標準では「日本語化...

Visual Studio Code(VSCode) Microsoft社が開発したオープンソースのWindows、Linux、macOS上で動作するソースコードエディタです。 マイクロソフト社が作っているという点でも安心のエディタです。 ...