WindowsユーザーでVSCodeを使ってWLS(Windows Subsystem for Linux)上で開発がしたい方はぜひ参考にしてみてください。
VSCodeのインストールがまだの方はこちらからインストールできます。
Remote Development拡張機能をインストール
![h2_0](https://hitori-sekai.com/wp-content/uploads/2022/05/D0374A27-9FAD-428A-84A6-48D2CFAB8209-1024x256.png)
Remote Developmentのインストール方法を紹介します。
左のツールバーから「Extensions」を開く
![](https://hitori-sekai.com/wp-content/uploads/2023/04/スクリーンショット-2023-04-23-144019.png)
「Remote Development」を検索
![](https://hitori-sekai.com/wp-content/uploads/2023/04/remote-development.png)
左のツールバーからRemote Explorerを開き、WSL Targetsを選択
![](https://hitori-sekai.com/wp-content/uploads/2023/04/remote-explorer.png)
インストール済みのwslを選択します
![](https://hitori-sekai.com/wp-content/uploads/2023/04/wsl-target.png)
左下のWSL:Ubuntu-22.04のように選択した接続先になっていれば完了です
![](https://hitori-sekai.com/wp-content/uploads/2023/04/wsl-conect.png)
さいごに
![h2_4](https://hitori-sekai.com/wp-content/uploads/2022/05/CC907330-3DE6-413E-97A0-0383F393FFC2-1024x256.png)
VSCodeは他にも多くの拡張機能をサポートしています。以下は人気のある拡張機能のいくつかです:
- 「Bracket Pair Colorizer」:コード内の括弧を色分けして表示し、見やすくします。
- 「Live Server」:HTML、CSS、JavaScriptなどの静的ファイルを編集し、リアルタイムにブラウザに反映できます。
- 「Prettier」:コードのフォーマットを自動的に整形し、見やすくします。
- 「ESLint」:JavaScriptの構文エラーやバグを検出してくれる静的解析ツールです。
- 「GitLens」:Gitの機能をVSCode上で扱えるようにし、コードの変更履歴を確認できます。
- 「Material Icon Theme」:ファイルアイコンを豊富にして、ファイルの種類に応じてわかりやすく表示してくれます。
- 「Code Spell Checker」:スペルミスやtypoを検出してくれるスペルチェックツールです。
これらの拡張機能は、VSCodeをより効率的かつ使いやすくするために役立ちます。他にも多くの拡張機能がありますので、自分の作業にあったものを探してみるといいでしょう。
コメント