angualr从搭建到打包的语法详解

发布时间：2018-12-13 18:14:23 修改时间：2018-12-13 19:21:01 阅读：4825 评论：0 0

一、创建项目 ng new

命令     ：ng new [options] 

描述     ：创建一个新的 Angular 项目,默认在当前所在目录下




参数     ：

--dry-run -d 只输出要创建的文件和执行的操作，实际上并没有创建项目

--verbose -v 输出详细信息

--skip-npm   在项目第一次创建时不执行任何npm命令

--name  指定创建项目的名称

二.创建控件 ng gcomponent 

命令      ：ng generate [options] 

                 ng g [options] 简写

描述      ：在项目中构建新代码

支持的类型 ：

Component   ngg component my-new-component

Directive ngg directive my-new-directive

Pipe ngg pipe my-new-pipe

Service   ngg service my-new-service

Class      ngg class my-new-class

Interface ngg interface my-new-interface

Enum     ngg enum my-new-enum

Module  ngg module my-module

Route     ngg route my-route当前已禁用

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

 

参数   ：

--flat      不在自用目录内创建代码

--route= 指定父路由.仅用于生成组件和路由.默认为指定的路径.

--skip-router-generation   跳过生成父路由配置。只能用于路由命令。

--default 指定路由应为默认路由。

--lazy     指定路由是延迟的。默认为true。

三.查看版本 ng version （ng -v 简写）

命令    ：ng version

描述    ：输出cli版本, node 版本和操作系统信息

参数    ：

--watch 继续运行测试. 默认为true

4.启动运行 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 49153

四.打包编译 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

---