angular常用命令整理

#### 1. 创建项目 ng new
命令: ng new <project-name> [options]
描述: 创建一个新的 Angular 项目,默认在当前所在目录下

参数:
--dry-run -d                只输出要创建的文件和执行的操作,实际上并没有创建项目
--verbose -v                输出详细信息
--skip-npm                  在项目第一次创建时不执行任何npm命令
--name                      指定创建项目的名称
#### 2. 创建控件 ng g component
命令: ng generate <type> [options] 
      ng g <type> [options]
描述: 在项目中构建新代码

支持的类型:
Component                ng g component my-new-component
Directive                ng g directive my-new-directive
Pipe                     ng g pipe my-new-pipe
Service                  ng g service my-new-service
Class                    ng g class my-new-class
Interface                ng g interface my-new-interface
Enum                     ng g enum my-new-enum
Module                   ng g module my-module
Route                    ng g route my-route (当前已禁用)

构建的组件都会使用自用目录,除非 --flat 单独指定.

参数:
--flat                    不在自用目录内创建代码
--route=<route>            指定父路由.仅用于生成组件和路由.默认为指定的路径.
--skip-router-generation  跳过生成父路由配置。只能用于路由命令。
--default                 指定路由应为默认路由。
--lazy                    指定路由是延迟的。 默认为true。
#### 3. 查看版本 ng version
命令: ng version
描述: 输出cli版本, node 版本和操作系统信息

参数:
--watch 继续运行测试. 默认为true
#### 4. 启动运行 ng serve
ng new PROJECT_NAME
cd PROJECT_NAME
ng serve

描述: 将会自动在浏览器中打开默认地址 http://localhost:4200/. 运行之后如果你修改了程序源代码.应用将会自动重载.

自定义配置: 
ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153
#### 5. 打包编译 ng build
描述: 构建工件将存储在/dist目录中。

ng build可以指定构建目标(--target = production或--target = development)和要与该构建一起使用的环境文件(--environment = dev或--environment = prod)。 默认情况下,使用开发构建目标和环境。

# 这是生产构建
ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod
# 这是开发构建
ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build

posted on 2019-10-22 11:36  完美前端  阅读(2628)  评论(0)    收藏  举报

导航