在Windows上使用Visual Studio代码与Ubuntu-Bash和NodeJS

Question

我试图找出如何在Windows上使用相对较新的Linux Windows子系统（Windows上的Ubuntu上的Bash）和Visual Studio代码进行web开发。我已经将IDE配置为在其集成终端中使用Bash，并且我已经设置了项目，以便在Linux和Windows文件系统中都可以访问这些文件。

我最不想设置的是使用NodeJS设置IDE，而不是Windows的NodeJS。我希望它在Linux子系统中使用NodeJS安装。有人知道是否可以将VS代码指向Linux子系统中的节点安装吗？

Answer 1

• 我在vs代码之外打开了bash，并运行以下命令来安装节点

sudo apt安装nodejs遗留

我能够运行节点与bash在vs代码。

Answer 2

VSCode（v1.18）现在对Node有更好的WSL支持：

我使用nvm在Ubuntu上安装Node，不过如果您正常安装，它应该可以正常工作。

例如。

nvm安装9.2。0
nvm别名默认值9.2。0

从VSCode文档

如果要在Windows（WSL）上的Linux子系统中运行Node.js，也可以使用上面的方法。然而，为了使这一点更加简单，我们引入了一个useWSL标志来自动配置所有内容，以便Node.js在Linux子系统中运行，并将源映射到工作区中的文件。

下面是调试hello的最简单调试配置。WSL中的js:{“type”：“node”，“request”：“launch”，“name”：“launch in WSL”，“useWSL”：true，“program”：“${workspaceFolder}/hello.js”}

Answer 3

这对我来说也是一个绊脚石，直到我发现真正的问题是WSL有一个路径问题，如果你已经为视窗安装了NPM，就会产生冲突。希望您自己已经解决了这个问题，但是对于任何遇到这个问题的人来说，我将从我关于Visual C WSL的较长指南中摘录一个单独针对这个问题的摘录。

鉴于您所说的，我假设您已经在WSL的Ubuntu中安装了node和NPM。

使用您喜爱的CLI编辑器（如nano、vim、emacs、cat和sed…等），打开您的~/。个人资料

nano ~/.profile

注意：不要尝试使用Windows工具编辑Linux文件。（感谢@david-c-rankin对官方链接的评论，并用粗体的红色文本解释了这一点）如果您不想在终端中使用CLI编辑器，请参阅此答案的底部，以获取有关如何运行GUI的链接。

目前，WSL中默认的bash PATH变量是

PATH="$HOME/bin:$HOME/.local/bin:$PATH"

它在前两个二进制目录之后注入windows路径。不幸的是，这不会导致在windows安装npm之前使用 /usr/bin，所以在最后的$PATH之前添加：

PATH="$HOME/bin:$HOME/.local/bin:/usr/bin:$PATH"

保存输出，然后重新加载终端或仅获取路径文件

source ~/.profile