文章目录

Angular介绍

Angular是谷歌开发的一款开源web框架，诞生于2009年，是一款优秀的前端JS框架，已经被用于Google的多款产品中。

Angular基于TypeScript和react、vue相比更适合中大型企业级项目。

环境搭建

1. 安装nodejs。
2. 安装cnpm。

（之前的nodejs笔记有讲解如何安装）

3. 使用npm/cnpm命令安装angular/cli（只需要安装一次）

cnpm install -g @angular/cli
 

(mac前需要加sudo)

4. 输入ng v检查。

创建Angular项目

1. 创建项目名称：

ng new angulerdemo01
 ng new angulerdemo01 --skip-install
 

会弹出提示是否添加路由，一般必须添加，但是我们第一个项目只是学习如何创建就不添加了。

选择预处理器。

2. 安装依赖。

cnpm install
 

默认通过npm install安装依赖，我们通过ctrl + c停止，再进入我们刚创建的目录angulardemo01，使用cnpm安装依赖。

3. 启动。

ng serve --open
 

加载完成后会自动跳转到浏览器。

到此为止angular的项目就创建成功了。

使用vscode打开

打开vscode选择刚才的angulardemo01为工作文件夹。

再添加工具。