Angular-Cli环境搭建_angular版本ng serve node.js version v16.20.1 detecte

https://angular.cn/guide/setup-local 官网

第一步安装Node.js

https://nodejs.org/download/release/ 所有版本大全

我自己下载的版本

https://nodejs.org/download/release/v12.14.0/

windows 选择 node-v12.14.0-x64.msi 进行安装

第二步安装npm

现在node都集成了npm 在 nodejs\node_modules\npm所有就不用下载了

第三步安装Angular CLI

npm install -g @angular/cli
1

第四步创建Angular 项目

找一个目录然后执行下面命令

ng new my-app
1

ng new 是创建项目

my-app 是项目名称

注意: 有可能会报错类似下面这种

The Angular CLI requires a minimum Node.js version of either v12.14 or v14.15.

表示你本地node 和Angular 不复核, 根据提示下载低版本 node 12.14.0 别下载高版本的14.15

node下载地址上面有

第五步使用web工具打开项目

我这里使用HBuilder来打开项目,其他工具也行

第六步启动项目

1. cmd 进入到my-app 文件夹下面。

2. 运行下列命令：

   ng serve --open
   1

   ng serve 命令会启动开发服务器、监视文件，并在这些文件发生更改时重建应用。

   --open（或者只用 -o 缩写）选项会自动打开你的浏览器，并访问 http://localhost:4200/。

   注意:

   1. 如果启动后出现 Error: spawn xxxx ENOENT 那么可能就是你环境变量没配好,或者是你刚下载了node配置了环境而没重启电脑
   2. 360游览器好像不支持使用Angular 谷歌我试了是支持的 ,其他的游览器我没试过

   如果你的安装和环境搭建成功了，就会看到如下页面：

   

点赞 -收藏-关注-便于以后复习和收到最新内容 有其他问题在评论区讨论-或者私信我-收到会在第一时间回复 如有侵权，请私信联系我 感谢,配合,希望我的努力对你有帮助^_^