初识 Angualr

Angular 是谷歌公司开发的一种前端开发框架，基于Typescript。虽然2016年 angular就已经推出，但是直到今日我开始学习它，原因很简单，只是想从后端开发，转型至全栈开发。

学习angular 也已经有几天了，总结一下：

1. 开发工具上，我学习的时候发现很多人推荐使用VS CODE 主要原因是免费, 同时有丰富的插件库提供。我在学习中，还没有使用任何插件。

2.先决条件，使用Angular 框架前， 必须先安装Node.js， 下载网址：https://nodejs.org/en/download/. 

3. 安装Angular CLI（Angular Command Line Interface)。安装angular CLI，在VS code中开发 命令行 （快捷键‘Ctrl + ~ (即数字1前边的按钮)‘），然后 输入 ’npm install -g @angular/cli‘ 回车。 如果已经安装了Angualr cli 可以输入 'ng version' 查看 angular cli 和angular 的版本。

4. 通过命令行创建工程，  在VS code 的命令行输入 “ng new 工程名”，需要注意的在键入代码前，先前往工程存放的路径。 然后键入创建工程命令。

5. 引用第三方库(例如：boostrap)。在VS code 的命令行中输入“npm install --save bootstrap3", 安装完成后，在工程文件中找到名为 angular-cli.json或者 angular.json的文件，一般在根目录下。 打开文件后，找到名为“styles” 的节点。然一般情况下里边会有一个名为“src/styles.css”文件，添加bootstrap.min.css路径在这个节点内。

一般情况下安装的第三方库都存放在node_modules中，如果不想找，可以直接在“explorer”中输入名字(例如：bootstrap)VScode会自动搜索。

6.安装第三方库后，还需要导入类型定义，以bootstrap为例，需要在命令行中输入“npm install --save @types/bootstrap”。然后在根目录下找到tsconfig.json文件，打开该文件后找到“types”节点，添加“bootstrap”在该节点内。

根据第5，6的步骤，可以根据需要安装 jquery， jqueryUI.

注意，在我学习过程中，如果安装的第三方库，那么一定要导入相应的类型。基本就是“ npm install --save 第三方库” 和 “npm install --save @types/第三方库”这两条语句。同时记得添加angular.json 或者  angular-cli.json， 和tsconfig.json这两个文件。

到这里，angular 创建的工程就基本完成。