Angular快速上手--启动篇01

• 注意：

npm install等命令是很慢的，因为它的镜像是国外的，所以需要我们去变成国内的cnpm install，访问地址然后他提供两种方法：

way一：

使用npm首先安装它这个cnpm的库依赖哈。-g是全局安装，所以我们可以使用cnpm，但是这样有一个问题，cnpm和npm版本就不同步了。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

way二：

建议使用alias重命名的方式，在系统里面设置了一个别名，别名等于xx操作，

每当我们输入cnpm就等于后面红色一长串命令其就是跑npm，但是下载地址改成了淘宝，淘宝国内访问是很好的哦

• 操作

• 附件

0、前言

①首先我们要了解概念
关于Angular版本，Angular官方已经统一命名Angular 1.x统称为Angular JS；Angular 2.x及以上统称Angular；
CLI是Command Line Interface的简写，是一种命令行接口，实现自动化开发流程，比如：ionic cli、vue cli等；它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布。
要使用angular CLI首先要安装node.js和npm，安装过程请自行百度。

②随着技术的发展现在angular已经发展到了angular6，现在本篇angular快速上手使用的版本是version 6.1.4，配合https://angular.cn/tutorial/toh-pt2#style-the-heroes网站操作的操作过程。

1、设置开发环境

检查是否已经安装了node.js和npm
命令→cmd→node -v→npm -v
如果已经安装过了请安装angular CLI
命令→npm install -g @angular/cli / cnpm install -g @angular/cli 

如下图所示

二、创建新项目

命令→cmd→ng new my-app【需要一些时间等待】

三、启动开发服务器
进入项目目录，并启动服务器。

cd my-app
ng serve --open

此时浏览器的这个网址就可以访问了http://localhost:4200/