一,所需安装node工具<自带安装npm>
-
node中文官网下载地址<按自己电脑配置进行下载相应的版本>:http://nodejs.cn/download/
-
检查node版本:node -v
![](https://img.haomeiwen.com/i6756205/408cd47e8a1ffacb.png)
- 检查npm版本:npm -v
![](https://img.haomeiwen.com/i6756205/f8a6e4394681f9ef.png)
二,构建Angular-Cli工具:<注意:安装angular-cli工具时,尽量使用管理员运行命令行以及避免使用cnpm淘宝镜像,避免各类的报错…>
- 全局安装Angular-cli工具:npm install -g @angular/cli
![](https://img.haomeiwen.com/i6756205/f98bae0d27842d5a.png)
- 查看Angular-cli版本:ng - v
![](https://img.haomeiwen.com/i6756205/0343f661709bec57.png)
- 新建angular项目:ng new my-app
![](https://img.haomeiwen.com/i6756205/64c47c5ac121f636.png)
- 进入项目目录-启动项目服务:ng serve --open
![](https://img.haomeiwen.com/i6756205/84c4ba790803e2af.png)
浏览器就可以访问:http://localhost:4200
Angular4/Spring/Cloud开源实战项目源码:https://gitee.com/xfdm/FCat
QQ群:549141844
代码持续更新…
网友评论