从安装 @angular/cli 到创建 Angular 项目
首先
这次我们将写一篇关于在安装@angular/cli后实际运行Angular项目的文章!因为需要先安装Node.js,所以如果你还没有安装的话,请查看Node.js的安装方法(Windows)吧!
Contents
-
- 请安装 @angular/cli。
-
- 使用 ng new 命令创建 Angular 项目。
- 尝试在浏览器中进行实际确认!
1. 安装 @angular/cli
- 「npm install -g @angular/cli」を実行するだけです
$ npm install -g @angular/cli
- インストールされているかを確認するには「ng –version」を実行し、下図のように表示されていれば成功!
$ ng --version
用”ng new”命令创建一个Angular项目。
- 「ng new project-name」を実行すると作成されます(project-nameは自分の好きな名前で作れます)
$ ng new sample
- 下図のようにproject-name(今回はsample)のフォルダが作成されて、その中にAngularのプロジェクトが出来上がります
3. 让我们实际在浏览器中进行确认吧!
- 作成されたプロジェクトフォルダに移動し「ng serve」を実行!
$ cd sample
$ ng serve
- 下図のように「Compiled successfully」と表示されていればOK!
- ブラウザを開いて「http://localhost:4200」にアクセスし下図のような画面が表示されていれば成功!