スキルアップを始める!

VSCode(Visual Studio Code)

VSCode(Visual Studio Code)

【VSCode】拡張機能「open in browser」直接ブラウザを開くことができるおすすめの拡張機能

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

【VSCode】拡張機能「Prettier」で自動整形(フォーマット)する方法

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

【Visual Studio Code】表示を日本語化する方法

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

【VSCode】エディター上でブラウザ表示プレビューを見れる便利な拡張機能「Live Preview」

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

【VS Code】エディタの右端の「テキストを折り返し」の設定を標準で「右端で折り返す」にする方法|Word Wrap

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

【VSCode】ファイルを編集時にライブプレビューでリアルタイム反映する拡張機能|Live Server

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

【Visual Studio Code (VSCode)】日本語化する方法

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

【Visual Studio Code (VSCode)】HTMLやCSSの編集エディタに迷った時に便利なソースコードエディタ

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