如何在本地安装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",同样是当前会话临时生效。不建议永久修改系统环境变量,容易和全局版本冲突。
- 如果你用的是Linux/macOS:
另外可以先验证一下本地ng是否真的安装成功:在项目根目录运行./node_modules/.bin/ng version(Linux/macOS)或者.\\node_modules\\.bin\\ng version(Windows),如果能正常输出Angular版本信息,说明本地安装没问题,就是路径的问题啦。
备注:内容来源于stack exchange,提问作者nishko
相关产品推荐
相关产品推荐

