Angular开发：常用命令总结

Angular开发：常用命令总结

查看版本

查看node版本
node -v
查看node版本
npm -v
查看node版本
ng -v

安装

全局安装 Angular CLI 。
npm install -g @angular/cli

卸载老版本Angular

卸载老版本： 
npm uninstall -g angular-cli 
npm uninstall –save-dev angular-cli 
卸载新版本： 
npm uninstall -g @angular/cli 
清除下缓存 
npm cache clean
然后开始安装，要用cnpm 
cnpm install -g @angular/cli@latest 

创建项目

ng new xx
命令 描述

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

创建控件 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。

查看版本 ng version

命令 描述
ng version 输出cli版本, node 版本和操作系统信息
参数 描述
–watch 继续运行测试. 默认为true

启动运行 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
ng build
6.等还有其他命令

作者：天马3798
来源：CSDN
原文：https://blog.csdn.net/u011127019/article/details/79114886
版权声明：本文为博主原创文章，转载请附上博文链接！