Angular入门教程 一 安装配置及构建项目

Angular安装配置

1. 下载node并安装，修改环境变量。
   下载地址： https://nodejs.org/en/download/
   查看 node 版本号： node -v
   查看 npm 版本号：npm -v
2. 下载 python并安装
3. 安装 typescript

npm install -g typescript

查看typescript版本号： tsc -v

4. 安装Angular cli

npm install -g @angular/cli

查看angular-cli版本号 ： ng version

5. 安装相关包
   注意：需要以管理员身份运行cmd，否则权限不够会报错。

npm i windows-build-tools

项目创建以及运行

1. 项目创建
   首先确认好你想将项目创建在哪里，然后从终端进入该地址。
   执行： ng new + 项目名称
   example： ng new my-app
   
   创建项目

此外，提一句：如果在新建项目的时候跟--routing，会自动生成一个AppRoutingModule的模块。
ng new my-app --routing

2. 运行项目
   进入项目所在文件夹： cd my-app
   下载所需依赖： npm install
   运行项目： ng serve
   访问 http://localhost:4200/， 如果能访问到项目（如下图），即搭建成功。
   
   项目展示

Angular 6 配置热更新，翻到了某位大佬的详细教程：
http://www.60sky.com/index.php/archives/60/