最近在学Ionic4，不得不学习angular、Typescript基础知识，这里简单总结记录一下。

# 一、Angular 介绍

Angualr 是一款来自谷歌的开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。

目前 2018 年 11 月 25 日 angular 最新版本 angular7.x。根据官方介绍，Angular 每过几个月就会更新一个版本。此教程同样适用于后期更新的 Angular8.x、Angular9.x

学习 Angular 必备基础

必备基础:html 、css 、js、es6、Typescript

# 二、Angular 环境搭建及创建项目

1. 安装 nodejs

安装 angular 的计算机上面必须安装最新的 nodejs–注意安装 nodejs 稳定版本

2. 安装 cnpm

npm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装https://npm.taobao.org

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

@前端进阶之旅: 代码已经复制到剪贴板

3. 使用 npm/cnpm 命令安装 angular/cli

npm install -g @angular/cli 

# 或者 
cnpm install -g @angular/cli

@前端进阶之旅: 代码已经复制到剪贴板

ng v 查看版本信息

4. 安装插件

5. 安装chrome扩展

https://augury.angular.io/

用augury查看component结构，更方便调试

# 创建项目
ng new my-app

cd my-app

# 运行项目
ng serve --open