首页 > ng命令汇总：Angular CLI 使用教程指南参考

ng命令汇总：Angular CLI 使用教程指南参考

Angular CLI 使用教程指南参考

Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本.

安装

要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：

注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。

npm install -g angular-cli

在 Mac 或 Linux 平台上，你可能需要添加sudo前缀提权进行全局安装：

sudo npm install -g angular-cli

基本用法

你可以通过 Angular CLI 的 help 命令来获取相关的命令信息.

ng help

Angular CLI的命令关键字为 ng

ng new

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

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 init

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

ng completion

命令描述
ng completion将自动完成功能添加到ng命令的shell中

ng doc

命令描述
ng doc 在浏览器中打开Angular文档并搜索当前关键字

ng e2e

命令描述
ng e2e使用protractor在当前应用中运行e2e测试

ng format

命令描述
ng format使用clang-format格式化当前项目代码

ng generate

命令描述
ng generate [options]在项目中构建新代码
ng g [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=指定父路由.仅用于生成组件和路由.默认为指定的路径.
--skip-router-generation跳过生成父路由配置。只能用于路由命令。
--default指定路由应为默认路由。
--lazy指定路由是延迟的。 默认为true。

ng get

命令描述
ng get [options]从Angular CLI配置获取值

pathN是一个有效的JavaScript参数路径，例如“users[1].userName”。 如果未设置该值，将显示“undefined”。 此命令默认情况下仅在项目目录中工作。

参数描述
--global返回全局配置值，而不是本地配置值（如果都设置）. 此选项还可以使命令在项目目录外工作

ng set

命令描述
ng get [options]在Angular CLI配置中设置值

默认情况下，如果在项目内部运行，则设置项目配置中的值，如果不在项目内部，则失败。 pathN参数是一个有效的JavaScript路径，如“users [1] .userName”。 该值将被强制转换为正确的类型，或者如果类型无法强制，则会抛出错误。

参数描述
--global设置全局配置值，而不是本地配置值。 这也使ng set可以在项目之外工作。

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

ng github-pages:deploy

命令描述
ng github-pages:deploy [options]构建生产应用程序，设置GitHub存储库，然后发布应用程序。
参数描述
--message=构建并提交信息.默认为 "new gh-pages version"
--environment=angular 环境构建。 默认为“production”
--branch=推送页面的git分支。 默认为“gh-branch”
--skip-build在发布之前跳过构建项目
--gh-token=用于部署的API令牌,必须.
--gh-username=使用的Github用户名,必须.

ng lint

命令描述
ng lint在项目上运行codelyzer linter

ng test

命令描述
ng test [options]使用 karma 运行单元测试
参数描述
--watch继续运行测试. 默认为true
--browsers, --colors, --reporters, --port, --log-level这些参数直接传递给karma

ng version

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

更多相关：

  • 开启angular10第一个项目

     注意！nodejs v13+版本无法安装angular10，会报错 //安装最新版npm install -g @angular/cli@latest 完事儿后，输入 ng --version 验证是否安装完毕，出现如下内容代表安装成功 然后，创建一个ng10的项目 ng new projectName或ng...

  • Windows DOS窗口查看历史执行过的命令的三种方式

    在DOS窗口执行了一些列命令完成某项工作后，如果要查看都执行了那些命令，该如何办呢？（前提：DOS窗口未关闭的情况下）     一、方法一：使用↑↓箭头上下翻看执行过的命令，此方式适宜执行命令较少的情况； 二、方法二：使用快捷键； F7快捷键查看所有执行过的命令 F3：调出上一条执行过的命令，调出后直接回车即可执行； F...

  • 关于在linux下清屏的几种技巧

    在windows的DOS操作界面里面，清屏的命令是cls，那么在linux 里面的清屏命令是什么呢？下面笔者分享几种在linux下用过的清屏方法。 1、clear命令、这个命令将会刷新屏幕，本质上只是让终端显示页向后翻了一页，如果向上滚动屏幕还可以看到之前的操作信息。 2、Ctrl+l(小写的L)、这是一个清屏的快捷键，这个是笔者...

  • LINUX下用CTRL+R快速搜索HISTORY历史命令，快速索引到之前使用过的命令行语句

    LINUX下用CTRL+R快速搜索HISTORY历史命令，快速索引到之前使用过的命令行语句 前提是，搜索已经使用的命令，否则是查不出来结果的。 ctrl+r 用途：反向搜索执行过的命令。(reverse-i-search) 1、任何目录下按住ctrl + r 2、输入历史命令中的字符串 ，比如 输入shut 会检索...

  • linux 入门－1

    刚开始接触linux，总有些简单的问题不知道怎么搞定，先将目前汇总的解决方法叫做"linux入门－1",后续在使用过程中逐步总结。   1. 连接 ADSL ： sudo pon dsl-provider 断开 ADSL： sudo poff 查看 ADSL 状态： plog 2. dpkg 命令 dpkg 是 Debia...

  • NVME CLI -- nvme 命令查看NVME设备内部状态

    文章目录NVME 和 AHCI 性能比较NVME-CLI nvme工具使用1. 安装2. 命令综述3. 基本命令演示4. NVME 固件设备升级...

  • C语言网络编程：listen函数详解

    文章目录前言函数描述代码实例TCP服务器为什么调用listen 前言 根据TCP编程模型中我们可以看到之前的socket和bind接口是tcp服务器在为接收客户端的链接做准备，保证tcp的面向字节流，面向连接的可靠通信服务正常进行。接下来的listen端口则为我们进行三次握手与客户端进行链接的接口。 TCP编程模型如下...

  • C语言网络编程：close或者shutdown断开通信连接

    文章目录前言close函数介绍shutdown函数介绍 前言 这里在主要通过实例进行描述close函数在网络编程中的使用 TCP编程模型中客户端或者服务器只要主动通过close发起断开连接的请求，则通信连接可以中断。 可以通过在主进程中抓取通信端的断开信号，比如SIGINT，在信号处理函数中对该通信文件描述符进行关闭。...

  • 嵌入式linux学习笔记1—内存管理MMU之虚拟地址到物理地址的转化

    一.内存管理基本知识 1.S3C2440最多会用到两级页表：以段的方式进行转换时只用到一级页表，以页的方式进行转换时用到两级页表。页的大小有三种：大页（64KB），小页（4KB），极小页（1KB）。条目也称为"描述符"，有：段描述符，大页描述符，小页描述符，极小页描述符——他们保存大页，小页，极小页的起始物理地址；粗页表描述符，细页表...

©2024 11GX.COM