Angular常用指令

Angular常用新建指令

ng g m my-new-module: 新建模块

ng g c my-new-component: 新建组件

ng g s my-new-service: 新建服务

ng g cl my-new-class: 新建 class

ng g d my-new-directive: 新建指令

ng g e my-new-enum: 新建枚举

ng g p my-new-pipe: 新建管道

参数 描述

–flat: boolean, 默认为 false, 表示在 src/app 目录下生成组件而不是在 src/app/site-header 目录中

–inline-template: boolean, 默认为 false, 表示使用内联模板而不是使用独立的模板文件

–inline-style: boolean, 默认为 false, 表示使用内联样式而不是使用独立的样式文件

–prefix: boolean, 默认为 true, 使用 .angular-cli.json 配置的前缀作为组件选择器的前缀

–spec: boolean, 默认为 true, 表示生成包含单元测试的 spec 文件

–view-encapsulation: string, 用于设置组件的视图封装策略

–change-detection: string, 用于设置组件的变化检测策略

运行 ng serve

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

也可以自定义配置 IP, 端口和实时重载端口号

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49154

创建项目 ng new

命令 描述
ng new [options] 创建一个新的 Angular 项目,默认在当前所在目录下
参数 描述
–dry-run -d 只输出要创建的文件和执行的操作，实际上并没有创建项目
–verbose -v 输出详细信息
–skip-npm 在项目第一次创建时不执行任何npm命令
–name 指定创建项目的名称

打包编译 ng build

构建工件将存储在/dist目录中

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

开发构建

ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build

生产构建

ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod