为什么我在 angular 项目中的 vscode 中的 zsh 终端中使用 ng serve 出现此错误

Question

阅读本文后，我发现可以在 VSCode 中使用 zsh，因此我在settings.json 中为我的用户配置了这些：

"terminal.integrated.shell.linux": "/usr/bin/zsh",
"terminal.integrated.fontFamily": "'SauceCodePro Nerd Font Mono','Source Code Pro'",
"terminal.integrated.fontSize": 14,

但是当我尝试启动我的 Angular 应用程序ng serve ，它显示：

zsh: command not found: ng

因此，按照这个有类似问题的回复，我将其添加到.zshrc文件中：

if [[ -s '/etc/zsh_command_not_found' ]]; then
  source '/etc/zsh_command_not_found'
fi

但是现在它显示了这一点，我不确定它是否是要安装的正确软件包：

➜ ng serve

No se ha encontrado la orden «ng», pero se puede instalar con:

sudo apt install ng-common

我可以做什么？ 因为使用 bash 它可以正常工作。

Answer 1

我发现我没有在 zshrc 文件中加载nvm 。 所以我将它添加到 .zshrc 文件中：

export NVM_DIR="/home/espe/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

然后我想之前应该有人遇到过这个问题，这里有一篇关于如何解决这个问题的文章。 所以之前的代码变成了这样：

# lazyload nvm
# all props goes to http://broken-by.me/lazy-load-nvm/
# grabbed from reddit @ https://www.reddit.com/r/node/comments/4tg5jg/lazy_load_nvm_for_faster_shell_start/

lazynvm() {
  unset -f nvm node npm npx 2>/dev/null
  export NVM_DIR=~/.nvm
  [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
  if [ -f "$NVM_DIR/bash_completion" ]; then
    [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
  fi
}

nvm() {
  lazynvm 
  nvm $@
}

node() {
  lazynvm
  node $@
}

npm() {
  lazynvm
  npm $@
}

npx() {
  lazynvm
  npx $@
}

# Add every binary that requires nvm, npm or node to run to an array of node globals
NODE_GLOBALS=(`find ~/.nvm/versions/node -maxdepth 3 -type l -wholename '*/bin/*' | xargs -n1 basename | sort | uniq`)

for cmd in "${NODE_GLOBALS[@]}"; do
  eval "${cmd}(){ unset -f ${NODE_GLOBALS} 2>/dev/null; lazynvm; ${cmd} \$@ }"
done

另外，感谢scttcper改进的解决方案。

来源：

• 文章
• 要点解决方案