ng serve 打开编辑器而不是加载本地 URL

Question

每当我输入ng serve或 时ng serve --open，它总是打开一个编辑器而不是打开项目。

您可以在下面的图片中看到这一点，这是命令的第一张图像：

输入命令并按下后，将打开此编辑器Enter：

Answer 1

这是 'ng' 别名上的终端编辑器。使用以下命令卸载它：

sudo apt purge ng-common ng-latin

然后使用以下命令安装 Angular CLI（假设您已经安装了 npm）

sudo npm install -g @angular/cli

如果你没有安装 npm看看这里

Answer 2

假设你使用 nvm 安装了节点，那么将其放入你的 .bashrc 中：

alias ang=~/.nvm/versions/node/`nvm current`/bin/ng

或者，如果您的 ng 命令在其他地方，请进行相应调整。然后改用带有“ang”的 angular，并使用带有“ng”的编辑器。

Answer 3

正如其他答案所建议的，你执行 ng (editor) （参见man ng) 而不是 Angular CLI。

要找到实际执行的二进制文件，您可以使用：

$ which ng
/usr/bin/ng

有多种方法可以解决此问题。其中一些是：

• 执行npm start而不是ng serve
• 修改PATH环境变量（在你的.bashrc）。例如，export PATH=~/.npm-global/bin:$PATH如果npm 的默认目录已更改
• 使用别名

PS：要退出编辑器，快捷键Ctrl+x然后Ctrl+c对我来说有效。