【前言】前几天搭了一个Angular需要的环境,来总结一下在这个过程中学到的东西,欢迎更位大神指导一下!
一、什么是Angular
1、定义:Angular 是一个用 HTML 和 JavaScript 或者一个可以编译成 JavaScript 的语言(例如 Dart 或者 TypeScript ),来构建客户端应用的框架。该框架包括一系列库,有些是核心库,有些是可选库。
2、架构:
1)模块 (Modules)
2)组件 (Components)
3)模板 (Templates)
4)元数据 (Metadata)
5)数据绑定 (Data Binding)
6)指令 (Directives)
7)服务 (Services)
8)依赖注入 (Dependency Injection)
3、工作说明:用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模块打包发布组件与服务。
二、环境搭建
1、安装nodejs:nodejs是Angular依赖的环境,是基础,只有在node.js的环境下,我们才能使用接下俩的命令来构建Angular。安装完之后我们就可以在doc命令窗口直接使用npm命令了(npm -v)。
官方解释:Node.js®是在Chrome的V8 JavaScript引擎上构建的JavaScript运行时。Node.js使用事件驱动的非阻塞I / O模型,使其轻量级和高效。Node.js的软件包生态系统npm是世界上最大的开源库。
2、安装cnpm
在命令窗口输入:npm install cnpm -g –registry=https://registry.npm.taobao.org
安装完毕之后需要输入:cnpm -v来查看版本号
注意:cnpm和npm的用法一直,npm是从国外的服务器上下载,所以受网络影响很大,我们使用的cnpm其实是淘宝团队生产的一个完成的npmjs.org镜像,所以在需要输入npm的时候我们直接输入cnpm就行了。
3、安装typescript和typings
cnpm install –g typescript@2.2.2 typings
运行完毕之后,查看版本确定是否安装成功,在命令提示符中直接输入:tsc –v,如果出现版本号则为安装成功。
4、安装@angular/cli
cnpm install –g @angular/cli@1.0.0
5、安装webstorm或者VS Code
到这里需要的环境就差不多了。
三、新建项目
1、在命令提示符中输入 :ng new 项目名称
2、下载项目依赖的nodejs包
cd 项目名称(定位到项目目录)
cnpm install(下载nodejs包)
3、启动web服务器
ng serve
【总结】对于每一部分起到什么作用还不是很清楚,需要不断的学习和实践。