创建Angular项目

首先

我最近开始接触Angular开发工作了。
首先，我打算从环境配置开始，把整个过程记录下来，作为我的备忘录。

Angular是一种前端框架。

Angular是由Google开发的JavaScript框架。起初被称为”AngularJS”，但从2.0版本开始改为”Angular”这个名字。

请参考这里的版本相关信息。

环境搭建

暂时先创建一个项目吧。

安装Node.js

Node.js是JavaScript执行环境的名称。
参考文章：什么是Node.js？为什么人人都在使用它？

无论是React还是Vue，安装Node.js都是必要的。

安装完成后，您可以使用以下命令来确认版本。

$node -v

安装Angular CLI

通过安装Node.js，现在可以使用Node Package Manager (npm)了。
接下来安装Angular CLI。

$npm install -g @angular/cli

CLI是指命令行界面，通过安装它，您可以使用一条命令轻松地创建项目。

在安装后，您可以使用以下命令来确认版本。

$ng version または ng --version

创建项目

由于已经成功安装了Angular CLI，现在立即开始创建项目。
可以使用以下命令创建项目（在其中会有一些选择需要回答）。

$ng new プロジェクト名

项目启动

由于项目已经创建完成了，我们来启动一下看看。前往项目目录并执行以下命令。

$ng serve または npm start

请确保本地服务器已经启动，然后在http://localhost:4200/上确认页面是否显示。

顺便提一下，”ng serve” 和 “npm start” 都是用来启动服务器的命令。”npm start” 是执行在 package.json 中指定的 start 脚本。如果查看 package.json 的 scripts 部分，刚创建项目的时候内容大概如下：

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  }

最终看起来两者都在运行 ng serve。