Angular开发：常用命令总结

Myth丶恋晨 2021-09-28 04:22 395阅读 0赞

# 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/][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][https_blog.csdn.net_u011127019_article_details_79114886]  
版权声明：本文为博主原创文章，转载请附上博文链接！

[http_localhost_4200]: http://localhost:4200/
[https_blog.csdn.net_u011127019_article_details_79114886]: https://blog.csdn.net/u011127019/article/details/79114886