You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在本地安装Angular后运行ng命令?

如何在本地安装Angular后运行ng命令?

我之前也碰到过一模一样的问题!其实核心原因很简单:你的系统环境变量PATH里没有包含本地项目中Angular CLI的位置,所以终端找不到ng命令。下面给你几种实用的解决办法,从省事到灵活都有:

  • 用npx直接调用(最省事)
    不用改任何配置,直接在项目根目录的终端里运行npx ng [命令],比如npx ng serve或者npx ng build。npx会自动查找项目内node_modules/.bin目录下的本地命令,完美适配临时需求。

  • 在package.json中添加脚本(项目推荐方式)
    这是团队协作中最常用的方式,打开项目根目录的package.json,在scripts字段里添加你需要的命令:

    "scripts": {
      "start": "ng serve",
      "build": "ng build --prod",
      "test": "ng test"
    }
    

    之后运行时只要输入npm run start、npm run build这类命令就行,npm会自动把本地node_modules/.bin目录临时加入环境变量,自然就能找到ng了。

  • 手动将本地路径加入环境变量(适合长期在当前项目用本地ng)
    首先,本地Angular CLI的位置就在项目根目录下的node_modules/.bin文件夹里。

    • 如果你用的是Linux/macOS:
      在项目根目录的终端里输入export PATH=$PATH:./node_modules/.bin,这个命令会让当前终端会话临时生效,直接输入ng就能调用本地版本了。如果想让它永久生效,可以把这句话添加到你的~/.bashrc、~/.zshrc或者对应shell的配置文件里(不过这样只有在项目根目录下运行ng才会用本地版本)。
    • 如果你用的是Windows:
      命令提示符(CMD)里输入set PATH=%PATH%;.\node_modules\.bin;PowerShell里输入$env:PATH += ";.\node_modules\.bin",同样是当前会话临时生效。不建议永久修改系统环境变量,容易和全局版本冲突。

另外可以先验证一下本地ng是否真的安装成功:在项目根目录运行./node_modules/.bin/ng version(Linux/macOS)或者.\\node_modules\\.bin\\ng version(Windows),如果能正常输出Angular版本信息,说明本地安装没问题,就是路径的问题啦。

备注:内容来源于stack exchange,提问作者nishko

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.22 11:12:59