IDEA中 用ng serve命令启动angular项目出现的问题
背景:
电脑系统:win7 64位
开发工具:IDEA 2016
git上拉取下来完整的angular项目,IDEA直接打开,当在IDEA下方Terminal栏中输入ng serve启动项目失败。。。错误及解决方式记录如下:
BUG 1 : ng 不是内部命令
原因:提示ng不是内部命令,表示是你的电脑系统没有安装该类命令
提示没有安装,那我们就对症下药先安装命令。记录如下:
第一步下载并安装node
下载node链接地址;
我下载的是12.16.1;下载完成后点击安装,选择你安装的路径,其他按照默认即可;
安装完成后可用node -v 和npm -v命令测试是否安装成功。
第二步修改环境变量
node安装成功后,npm自动安装了;此时用node -v 测试node安装成功,用npm -v命令测试提示npm 不是内部命令!!!
是因为我们安装完成后系统环境变量【path】中有node的安装路径却没有npm的,所以我们还得修改环境变量
再次使用npm -v 成功输出版本
第三步安装淘宝镜像,为了使用cnpm命令,提高后续下载速度
命令:npm configset registry https://registry.npm.taobao.org
第四步安装cnpm命令
命令:npm install -g cnpm
第五步安装angular cli
命令:cnpm install -g @angular/cli
此时可以使用ng serve命令启动项目了;
BUG 2 : Cannot find module
原因:IDEA打开的外部angular项目中没有node_modules文件夹
解决方案记录: 在Terminal栏中输入***npm -install npm***命令运行会在项目目录下自动生成node_modules文件夹
解决上面两个问题之后,再次使用ng serve 命令成功启动项目