0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

話によると VSCode から WSL 内のファイルを編集できるらしい

Last updated at Posted at 2023-02-16

はじめに

Visual Studio Code でコードを書くために、リポジトリを WSL 外に置かなきゃなあ、と思っていたところ、なんと WSL 内から Visual Studio Code を実行できるようです。(情報提供ありがとうございます)

ということでやってみました。Ubuntu に VSCode はインストールしていないので Windows 側のプログラムを探して開いてみました。というか WSL にはインストールできませんでした。

環境

Windows11 / WSL2 Ubuntu 22.04.01

やってみた

$ find /mnt/c -name "Code.exe" 2>/dev/null
/mnt/c/Users/<ユーザー名>/AppData/Local/Programs/Microsoft VS Code/Code.exe
$ cd <path/to/your/repository/>
$ "/mnt/c/Users/<ユーザー名>/AppData/Local/Programs/Microsoft VS Code/Code.exe" ./

できました! VSCode で Ubuntu 上のファイルを開くことができました!

メモ帳も起動してみた

$ "/mnt/c/Windows/System32/notepad.exe" ./README.md

こちらも開けました!

code コマンドの alias 登録

一発で VSCode が開けるように、alias に登録しておきましょう。

~/.bashrc
alias code="'/mnt/c/Users/<ユーザー名>/AppData/Local/Programs/Microsoft VS Code/Code.exe'"

これで、code ./ で VSCode が起動できるようになりました。

感想

リポジトリを WSL 外に置いて開発するのも試してみたのですが、正直に言うと、WSL 内部から Windows 側のファイルにアクセスするの遅すぎてガチ泣きしました……。yarn start とかデータベースアクセスとかが非常に遅かったです……。これからは Linux 側にリポジトリを置いて、VSCode からアクセスするようにしたいと思います。

また、npm start 実行中のソースファイル更新の検知(ホットリロード)についても、Windows 側にリポジトリを置くと動作しないようでした。この観点からも、Linux 側にコードを置くのが望ましいかと思います。

Linux 内のファイルにアクセスできる仕組みが全く分からないので、誰か教えてください……。VSCode の Remote プラグインなども特にインストールしておりませんゆえ……。

追記:

コメント欄で情報を頂きましたが、 Linux 上のファイルはネットワークドライブに割り当てられているようでした。なるほど!

$ wslpath -w /home
\\wsl.localhost\Ubuntu-22.04\home
0
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?