WSL+vscode 开发本当上手

UP主: TSOGview · 时长: 7:33 · 🔗 B站原视频

标签: WSL · VS Code · 开发环境 · 效率提升 · 远程开发

WSL 与 VS Code 开发环境简介

这个视频是关于怎么用 WSL 配合 VS Code 来进行开发。WSL 非常简单，在微软商店里搜索 Ubuntu，装好之后就会有这个东西。如果你在里面直接先进一个目录，执行 code .，它就会调用你本地的 VS Code。WSL 属于 Windows 系统，这是装在 Windows 上的 VS Code，它连接到了子系统里面，你就可以在这个子系统里面进行开发，非常的方便。

准备工作与插件安装

怎么实现呢？这里有一个微软的官方教程，我打开瞅一眼，写的挺复杂的。

第一步，你要装 WSL。在微软商店搜索 Ubuntu，第一个装好就完事了。装好打开它，设置一下密码什么的。

第二步，要在 Windows 上装 VS Code，这个很好装，不解释。

第三步，要在 VS Code 里面装 WSL 扩展。我先打开一个普通的、不连接到里面的 VS Code，在扩展这里打 WSL，把它安装就好了。他还推荐用一个扩展包叫 Remote Development，是一个包含很多个扩展的包，会把包含 WSL 的这一串都给安装了。我也不知道干啥用的，但是还行吧。准备工作做好，Ubuntu 和 WSL 装好，就可以去打开工作了。

方式一：从 WSL 控制台启动

第一种方式是先开控制台。Windows 装好 WSL 之后，就会有这个图标，你可以放到开始菜单里面。控制台里面直接进到任何目录，执行 code .。比如新建一个目录，再执行 code .，它就会打开这么一个目录。在这里边随便写个文件，再回到 Ubuntu 里面看一下，它已经出现了，内容也是一样的。这是第一种方式。

方式二：从 VS Code 命令行启动

第二种方式是直接先打开 VS Code，不用开 WSL。首先打开一个普通的 VS Code，按下 F1，然后输入 WSL 相关的指令，它就会选择到这个子系统里面。因为我这边装了多个发行版，装了 Kali 和 Ubuntu，如果你只装了 Ubuntu 的话就不用选了，只有一个选项。我装了两个就要选一下，Ubuntu 这边是用来开发的，选完就进来了。

你也可以选打开文件夹，它会让你从路径里面选，但这都是 Ubuntu 里面的路径，你自己输就可以了。然后再重新打开，就和打开普通的 Windows 一样，只不过跳出来的是一个内置的窗口，而不是 Windows 的那种窗口。

方式三：使用参数快捷启动

第三种是用参数启动。你可以把这个命令放到快捷方式里面，比方说写一个 AHK 脚本，或者用 Quicker 之类的启动工具。它就相当于在 Windows 的命令行里面执行了一下 wsl+，这个加号不能改，后边是你的发行版，我这边是 Ubuntu，再后边是目录的路径。这样一句话，就直接启动到这个路径了。我们可以试一下启动别的路径，它又启动了一个，这就是另一个路径。

插件运行环境配置与注意事项

还有一个需要注意的点。在 Ubuntu 里面，默认插件会少一些。它会把插件分成两大类：一种叫 UI 类，跑在你的 VS Code 里面；还有一种跑在 WSL 里面，也就是跑在服务端。有的插件就会消失了。

你可以在设置里面调整。比方说我有一个插件，想让它用本地跑，不要跑在 WSL 里面，就可以按 Ctrl + , 打开设置，选择打开文件。加上 remote.extensionKind 这么一行配置，放到设置里面保存一下。这样这个插件就会在本地 UI 运行，而不是走 WSL。

你可以设定扩展种类，让某些扩展强制使用 UI 或者在 WSL 里面跑。如果有扩展不好使了，你就研究一下。这个我也没太研究明白，但是能用就算了。OK，就是这样，谢谢观看。