在VScode配置Linux开发环境

作为上一篇同主题博客的更新,这是一种新发现的官方配置方法

其实在VScode里就有微软官方的WSL插件

这是官方网站(英文)

我对一部分内容进行了简单的翻译

Getting started

安装

  1. 安装WSL(Windows Subsystem for Linux)

注意:对于某些类型的开发,WSL确实存在一些已知的限制,这些限制也会影响您的VS Code体验

  1. Windows端安装VScode(而不是WSL中)

注意:在安装过程中提示**选择“其他任务”时,请务必选中“ 添加到路径”**选项,以便使用该code命令轻松打开WSL中的文件夹。

  1. VScode中安装Remote - WSL插件
  2. 考虑在您的存储库中添加.gitattributes文件或使用命令提示符运行git config --global core.autocrlf input禁用Windows端的Git自动行结束转换。如果其保持启用状态,此设置可能会导致您编辑的文件由于行结尾差异而显示为已修改。有关详细信息,请参阅提示和技巧

在WSL中打开一个文件夹

  1. 打开WSL终端窗口(使用开始菜单项或wsl从命令提示符键入)
  2. 在WSL中cd到你要打开的文件夹(可以打开windows目录如/mnt/d)
  3. 在WSL中键入code .

注意:如果此命令不起作用,则在安装时可能没有将VS Code添加到路径中。

***@*******:/mnt/d$ code .
Installing VS Code Server 036a6b1d3ac84e5ca96a17a44e63a87971f8fcc8
Downloading: 100%
Unpacking: 100%
***@*******:/mnt/d$

第一次使用该命令可能会花十几秒安装VS Code Server ***为私人隐私,不用在意

  1. 片刻之后,将出现一个新的VS Code窗口,您将看到VS Code正在WSL中打开文件夹的通知。
  2. vscode linux 镜像 vscode配置linux_VScode

VS Code现在将继续在WSL中进行自动配置,并在您取得进展时随时了解最新信息。

  1. 完成后,您现在可以在左下角看到一个WSL指示器,您将能够像平常一样使用VS Code!
  2. vscode linux 镜像 vscode配置linux_VScode_02

  3. 您在此窗口中执行的任何VS代码操作都将在WSL环境中执行,从编辑和文件操作到调试,使用终端等等。

第二种打开方法

您可以直接从VS代码打开远程WSL窗口:
1. 启动VS Code
2. 按F1,选择Remote-WSL:New Window默认发行版或者Remote-WSL: New Window using Distro.
3. 使用“文件”菜单打开文件夹。
如果您已打开文件夹,则还可以使用Remote-WSL:在WSL命令中重新打开。系统将提示您使用哪个发行版。

如果您在WSL窗口中并且想要在本地窗口中打开当前输入,请使用Remote-WSL:在Windows中重新打开。

扩展管理

VS Code在以下两个位置之一运行扩展:在UI /客户端本地或在WSL中。虽然影响VS Code UI的扩展(如主题和片段)是在本地安装的,但大多数扩展都将驻留在WSL中。

如果从“扩展”视图安装扩展,它将自动安装在正确的位置。安装后,您可以根据类别分组确定扩展的安装位置。将有本地安装的类别和一个用于WSL的类别。

  • 如图,此时插件会运行在两个位置LOCAL - INSTALLEDWSL:UBUNTU-16.04 - INSTALLED第二个位置名称取决于你使用的WSL版本
  • 只要点击Install in WSL:Ubuntu-16.04

vscode linux 镜像 vscode配置linux_vscode linux 镜像_03

在WSL中调试

在WSL中打开文件夹后,可以像在本地运行应用程序一样使用VS Code的调试器。例如,如果选择启动配置launch.json并开始调试(F5),则应用程序将在远程主机上启动并将调试器附加到它。有关在其中配置VS Code的调试功能的详细信息,请参阅调试文档.vscode/launch.json


到此为止已经可以入门了,后还有一些比较重要的信息对以后的使用会有所帮助

再次打开传送门