欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

Angular CLI ng 常用命令整理 有大用

Angular CLI ng常用命令整理

2018年01月20日 16:15:06 天马3798 阅读数 15926更多                    
分类专栏: Angular2                    
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。                
本文链接:https://blog.csdn.net/u011127019/article/details/79114886                
           

Angular CLI 的ng命令常用整理

当前对应版本:angular-cli:1.0.0    node:8.9.3   os:win32 x64

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]                                简写
支持的类型用法
Componentng g component my-new-component
Directiveng g directive my-new-directive
Pipeng g pipe my-new-pipe
Serviceng g service my-new-service
Classng g class my-new-class
Interfaceng g interface my-new-interface
Enumng g enum my-new-enum
Moduleng g module my-module
Routeng 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
  1.                            

               


               

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

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

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)。 默认情况下,使用开发构建目标和环境。

  1. # 这是生产构建                          
    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

  2.                                      

6.等还有其他命令

参考来自:https://www.cnblogs.com/ckAng/p/6693702.html                

更多:

Angular CLI简介
               

Angular CLI简介2
               

Angular2开发环境搭建之VS Code
               


               

来自  https://blog.csdn.net/u011127019/article/details/79114886                



       

普通分类: