Day 02：准备好你的家私，为开发 Angular 做好准备

准备要建立一个 Angular 的开发环境了，那我到底需要哪些家私呢？以下就来介绍一下：

1. 一台电脑（被揍飞

建议安装的工具

以下是建议安装的工具，当然如果你有自己习惯的同类型的工具，也可视情况自己调整。这并不是一场宗教战争，没有要战浏览器而我使用的系统是 Win 10，至於 Mac 的差异，就不特别提及，不过以下的工具都是很通用的开发工具，理论上问题不大。

1. Google Chrome 浏览器

   • 这个已经是许多开发者很常提及、使用的浏览器了，我想就不用多做解释了。
   • 补充一点：Angular 是由 Google 开发的，所以…你懂 der~

2. Git

   • 版本控制必装的工具，开发必备。

3. Node.js

   • 因为内含 NPM，有许多必要的前端工具可透过 NPM 安装。

4. Visual Studio Code

   • 由微软开发，十分热门的程序码编辑器。
   • 另一个原因是，Angular 使用的 TypeScript 也是微软开发的，让开发过程变得更友善。

把以上的工具安装好之後，我们就要来安装 Angular CLI 了。

1. 首先打开 VS Code，开启终端机画面，然後输入以下指令：

npm install -g @angular/cli

2. 等安装完成，我们可以输入以指令，就可以查看 Angular CLI 的版本。

ng --version

为了让开发更有效率，也推荐大家打开 VS Code 的延伸模组，搜寻 Angular Extension Pack，这也是由Will 保哥 写的扩充套件，里面已经整合了使用 Angular 开发会经常使用到的扩充套件了。

至此，我们已经安装好，开发 Angular 所需的工具了！

参考来源：

• Angular 开发实战：从零开始