Day 03：不用三分钟，建立第一个 Angular 专案范本

接下来，我们就要来建立第一个专案范本。

1. 首先，我们可以在桌面上先建一个资料夹，命名叫 Angular，记住不要使用中文字命名，以免发生错误。

2. 接着打开 VS Code，把刚才的 Angular 资料夹拖曳进来。

3. 接着打开 VS Code 的终端机，你可以看到目前路径已经在这个资料夹里面了。

4. 我们接下来输入以下指令，来建立一个新的专案资料夹。

ng new angular-demo

会看到有几个选项要选择：

• 首先是要不要建立 Angular 路由，这边之後做到会再说明，目前先选择 n 不加入。
• 再来选择 CSS 的格式，这边可以先选择 CSS 即可。

然後 NPM 就会开始安装相关的套件。

5. 等待安装完成，我们就来试着来启动专案，首先，先打入以下指令，进入专案资料夹。

cd angular-demo

进入资料夹之後，输入以下指令：

npm start 或是 ng serve

这个指令会帮我们启动 Angular 的开发服务器，等到启动的流程结束，你可以看到以下的画面。

此时，你可以按住 ctrl 并移动滑鼠去点击 http://localhost:4200，就可以透过浏览器开启一个页面，而这个网页，就是 run 在 Angular 里面的。

在这个服务器运作的期间，你只要修改程序码并且存档，在没有发生错误的情况下，画面会直接显示你变更的内容。

若是要退出开发服务器，只需要在终端机画面按下 ctrl + c，并且输入 Y 即可退出。

现在，我们的第一个专案范本已经建立完成！