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

        正确安装的话,应该如下图所示:

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

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

        ng set --global packageManager=cnpm

3.创建你的第一个工程

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

        ng new my-app

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

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

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

        4.2.使用IDE运行项目

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

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

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

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

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

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

5.创建第一个组件

    ng g component navbar

转载于:https://my.oschina.net/vright/blog/1068482