1.1 Angular 介绍
Angular 是一款来自谷歌的开源web前端框架,诞生于2009年,由MiskoHevery等人创建,后为Google所收购,是一款优秀的前端JS框架,已经被用于Google的多款产品当中。根据项目数统计 angular(1.x 、2.x 、4.x、5.x、6.x、7.x)是现在网上使用量最大的框 架。
Angualr 基于 TypeScript 和 react、vue 相比 Angular 更适合中大型企业级项目。目前 2018 年 11 月 25 日 angular 最新版本 angular7.x。根据官方介绍,Angular 每过几个月 就会更新一个版本。此教程同样适用于后期更新的 Angular8.x、Angular9.x....。
1.2 Angular学习必备基础
1) 必备基础:html 、css 、js、es6
2) 如果有 Typescript 基础更容易理解,没有 Typescript 基础也可以学此教程。此教程中用到的 Typescript 语法会详细讲解。
3) Typescript 基础入门教程:https://www.itying.com/goods-905.html
1.3 Angular环境搭建
1.3.1 安装前准备工作
1) 安装 nodejs
2) 安装 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
1.3.2 安装angular/cli
npm install -g @angular/cli 或者 cnpm install -g @angular/cli
1.4 Angular创建项目
1) 打开命令行工具找到你要创建项目的目录
2) 创建项目 ng new 项目名称 如果要跳过 npm i 安装
ng new angulardemo --skip-install
3) 运行项目
ng serve –open