1.利用Angular CLI创建Angular脚手架工程

1.安装NPM

1.1.安装NodeJS

1.2.因为国内网络被墙，所以非常有必要安装cnpm(淘宝NPM,可以自行搜索)

2.安装Angular CLI

2.1.安装：

cnpm install -g @angular/cli

或者

npm install -g @angular/cli（未安装淘宝npm的情况下）

2.2.确认安装成功:

ng --version

正确安装的话，应该如下图所示：

2.3.将npm替换为cnpm作为Angular的包管理工具，加快项目创建速度，依然是为了规避网络被墙的问题，命令如下：

ng set --global packageManager=cnpm

3.创建你的第一个工程

3.1.当一切就绪以后，就可以创建第一个Angular工程了，命令如下：

ng new my-app

4.使用WebStorm&IDEA打开&运行项目

4.1.选中生成的目录，直接打开即可

4.2.使用IDE运行项目

对于IDEA而言，可以根据如下截图操作

4.3.启动项目，等待100%后，在浏览器中打开：http://127.0.0.1:4200确认是否一切OK

5.创建第一个组件

ng g component navbar

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!