从安装 @angular/cli 到创建 Angular 项目

首先

这次我们将写一篇关于在安装@angular/cli后实际运行Angular项目的文章!因为需要先安装Node.js,所以如果你还没有安装的话,请查看Node.js的安装方法(Windows)吧!

Contents

    1. 请安装 @angular/cli。

 

    1. 使用 ng new 命令创建 Angular 项目。

 

    尝试在浏览器中进行实际确认!

1. 安装 @angular/cli

    「npm install -g @angular/cli」を実行するだけです
$ npm install -g @angular/cli
    インストールされているかを確認するには「ng –version」を実行し、下図のように表示されていれば成功!
$ ng --version
angularcli_01.png

用”ng new”命令创建一个Angular项目。

    「ng new project-name」を実行すると作成されます(project-nameは自分の好きな名前で作れます)
$ ng new sample
    下図のようにproject-name(今回はsample)のフォルダが作成されて、その中にAngularのプロジェクトが出来上がります
angularcli_02.png

3. 让我们实际在浏览器中进行确认吧!

    作成されたプロジェクトフォルダに移動し「ng serve」を実行!
$ cd sample
$ ng serve
    下図のように「Compiled successfully」と表示されていればOK!
angularcli_04.png
    ブラウザを開いて「http://localhost:4200」にアクセスし下図のような画面が表示されていれば成功!
angularcli_05.png
广告
将在 10 秒后关闭
bannerAds