Windows 11に Visual Studio Code(VSC)インストール: YUU MEDIA TOWN@Blog

封神龍(酒)の日記です、気になるニュースなどもチェック!ゾイド(ZOIDS)とかMacとかUNIXとかwindowsとかアニメ・漫画とかゲームとか雑記とか備忘録とか北海道とかお酒とか。検索エンジン経由来訪でお探しのキーワード関連記事が見つからない方はこちら祝!HP爆誕25周年!!

2023年01月27日 (金曜日)

Windows 11に Visual Studio Code(VSC)インストール

先日から
Docker Desktop for Windows/Macでつくるクリーンな開発環境構築入門(Python版) Kindle版をダウンロード購入(2022年12月10日 (土曜日))
こちらの本を参考に環境構築をしております。

今回は
Visual Studio Code – コード エディター | Microsoft Azure
をインストール。
Microsoft Visual Studio Code (User) セットアップ画面
設定は特に難しいとこはないかな。とりあえずDesktopにショートカット作成とかはいらんのでチェックを外す。
インストールは完了。
言語は標準は英語なので拡張機能アイコンから検索欄に「Japanese」と入力し
「Japanese Language Pack for Visual Studio Code」
「Japanese Language Pack for Visual Studio Code」を選択、インストール

Visual Studio Codeが日本語表示に
するとメニュー等が日本語表示に。

試しに当サイトの静的HTMLファイルを開いてみました。文字化けしてるがな。ググると
VSCode | 文字エンコードを指定してファイルを開く(Let'sプログラミング ~初心者の方を対象としたプログラミングの総合学習サイト~)
VSCodeはUTF-8以外の文字コードは基本、文字化け。なので
VSCodeはUTF-8以外の文字コードは基本、文字化け、なので右下のUTF-8を選択し
右下のUTF-8を選択し
エンコード付きで再度開く(Reopoen with Encoding)
「エンコード付きで再度開く(Reopoen with Encoding)」を選びこのHTMLファイルはSHIFT JISなので
Japanese(Shift JIS)コンテンツから推測
Japanese(Shift JIS)コンテンツから推測を選ぶと文字化けしなくなりました。

あとはこれ、Adobe Dreamweaverみたいに使えないかな?と軽くググるととりあえずプレビュー表示の機能拡張はあるようだ。
【VS Code】Microsoft公式のHTMLプレビュー機能が便利すぎる件 | 底辺プログラマーの戯言
という事でマイクロソフト公式のLive Previewという拡張をインストール
VS CodeのLive Preview
とりあえずプレビューはできるようになった。

ひとまずはこんなもんかな・・・・・・


Posted by 封神龍(酒) at 2023年01月27日 22:32 | 【所属カテゴリ: PC・IT全般2】【コメントについて】【トラッくバックについて】【RSS登録についてRSS登録

--



--


--