如何快速搭建一个angular项目环境

为什么使用angular

其实这个问题我没有太大发言权，主要是因为我实习的公司在使用它，于是只好自己开始学习。但在网上看到了很多关于angular的好处。分别以一下几点来说明。

• 开箱即用
  angular经过了精心的前期设计，涵盖了开发中的各个层面，层与层之间都经过了调适。开发者不需要费时费力去组合，就能完成大部分的前端开发工作。

• 可扩展
  一旦了解angular的基本原理，即便是复杂的angular程序，也可以很容易弄明白其中的运行方式，这就意味着可以轻易的改进应用程序，为用户创建新的功能。

• 可维护
  angular应用程序易于调试和修复，这意味着长期维护工作得以简化。

• 可测试
  angular对单元测试和端到端的测试都非常友好，这意味着可以先于用户发现并修复缺陷。

• 兼容性良好
  angular利用最新的功能和流行的工具与框架。

快速上手

1. 创建一个项目文件夹 ，用于保存你的项目；
2. 打开命令操作符界面，将项目目录转到你的文件夹，如下图
   
3. 在文件夹中创建你的第一个项目，输入以下指令，之后会出现如下界面

ng new angulardemo01			// angulardemo01是你的项目名称

这里是在问你在你最初创建项目的时候要不要加入路由，这里可以选也可以不选。

回车后出现如下界面，这是在询问你使用什么语言来设置样式，按上下箭头选择后回车就可以。

出现这个界面则代表它正在为你安装你项目所需依赖了。对于有些小伙伴来说npm可能非常慢，这时你就可以ctrl+c，之后输入 y 结束自动安装。
之后我们可以选择使用cnpm手动安装依赖。但首先不要忘了要cd到你的项目下。

4. 安装成后在vscode（笔者用的这个）中打开项目
5. 打开终端，输入以下指令
   ng serve --open //代表在默认浏览器中打开项目
   如果出现以下界面，那么恭喜你，你的第一个项目就搭建完成了！
   
   以上。