使用 Angular CLI 启动和运行 Angular

任何ANGLE项目都涉及到许多活动部件,而ANGLE CLI(命令行界面))是一种新的工具,可以轻松启动项目、生成组件、路线或服务、服务您的项目和运行测试。

<$>[note]这篇文章涵盖了Angular 2和更高版本。<$>

安装角度CLI

第一步是从NPM安装:

1$ npm install -g @angular/cli

这将全局安装ANGLE CLI。如果NPM出现问题,请尝试使用sudo运行命令:

1$ sudo npm install -g @angular/cli

启动新项目

首先使用您的终端导航到一个目录,该目录将成为您的项目的父目录,然后运行以下命令:

1$ ng new app-name

这将创建一个包含所有内容的角度项目,以便您立即开始编码!下面是一个新项目的目录结构的示例:

1├── README.md
2├── angular-cli.json
3├── **e2e …**
4├── karma.conf.js
5├── **node\_modules …**
6├── package.json
7├── protractor.conf.js
8├── **src …**
9└── tslint.json

为您的项目服务

默认情况下,这将在http://localhost:4200上运行本地服务器。它还将监视项目中的更改并自动刷新页面。从项目目录中运行此命令:

1$ ng serve

NG生成

使用ng Generate为您的项目生成有用的内容,如组件、路由、管道、服务和指令。例如,下面介绍如何生成组件:

1$ ng generate component path/component-name

运行测试

最后,使用ng test运行您的测试:

1$ ng test
Published At
Categories with 技术
Tagged with
comments powered by Disqus