Angular环境搭建

介绍

• AngularJS诞生于2009年，是一款构建用户界面的前端框架，使用JavaScript编写。有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等
• Angular是AngularJS的重写，采用TypeScript语言编写。Angular2官方命名为Angular，2.0以前的版本称为AngularJS
• Angular CLI(Command Line Interface)：Angular提供的命令行接口工具，用于项目的初始化、开发、构建和维护
• Node.js：又称Node，是一个基于Chrome V8引擎的JavaScript运行环境，让JavaScript 可以运行在服务器端。传统的JS需要浏览器的JS解释器来运行，Node可以理解为服务器端的JS解释器。
• NPM(Node.js Package Manage)：Node.js的包管理工具，新版的Node.js已经集成了NPM，因此不用再单独安装
• Angular文档

环境搭建

安装Node.js和NPM

• 到Node.js官网下载安装包
• Linux：解压安装包到安装目录，将位置添加到环境变量PATH中即可
• Windows：直接运行即可
• 查看是否安装成功：

node -v
npm -v

安装Angular CLI

npm configset registry https://registry.npm.taobao.org		#设置使用淘宝镜像，会快些
npm install -g typescript typings							#安装依赖
npm show @angular/cli										#查看详细信息
npm install -g @angular/cli									#默认安装最新
npm install -g @angular/cli@6.2.9							#安装指定版本
ng version													#查看Angular CLI是否安装成功
npm uninstall -g @angular/cli								#卸载
npm cache clean												#清除缓存

创建项目

ng new <项目名>					#在当前目录下初始化Angular项目
ng serve						#启动服务
ng build						#构建项目，构建结果保存在/dist下
ng g c <组件名>					#在当前目录下创建一个组件