2. Angular 项目中经常用到的命令

2019-07-25  本文已影响0人  晨曦Bai

1. 创建新的Angular 项目

ng new my-angular-project

2. 运行 Angular 应用

cd my-angular-project
ng serve --open // 或者 ng serve -o

3. angular-cli 命令行获取相关帮助

ng help // 列出所有的命令
ng help generate // 列出具体命令的相关内容

在浏览器中,打开 http://localhost:4200/ 查看运行效果。

4. CLI 命令语法

ng commandNameOrAlias requiredArg [optionalArg] [options]
例如:
ng build my-app -c production

  1. ng new my-project // new ==n, 创建新的angular 项目
  2. ng generate component my-component // generate == g ,创建组件
```ng generate <schematic> [options]```

The schematic or collection:schematic to generate.

该选项可以接受下列之一:

*    appShell
*   application
*   class
*   component
*   directive
*   enum
*   guard
*   interface
*   library
*    module
*   pipe
*   service
*    serviceWorker
*    universal
*    webWorker

  1. ng g module my-module //创建模块
  2. ng build my-project // build == b 编译angular app ,在给定输出路径下输出目录名为dist/ ,必须在工作目录下执行该命令
  3. ng run my-project // 在你定义的项目下运行构建目标
  4. ng serve // serve == s ,编译运行app
  5. ng test my-project // test== t, 运行项目的单元测试
  6. ng update @angular/cli @angular/core //更新你的应用和依赖
  7. ng add @angular/pwa // 添加npm package 到你工作区的库library,
上一篇下一篇

猜你喜欢

热点阅读