angular-cli 常用命令集锦

最新推荐文章于 2022-02-15 22:55:53 发布
最新推荐文章于 2022-02-15 22:55:53 发布
阅读量783 收藏
点赞数 1
分类专栏： Angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38643776/article/details/80942916
版权

查看ng命令行
ng help


创建项目
ng new newProject   // 后面跟的是项目名称
ng new newProject --routing  // 创建带路由模块的项目


创建模块
ng g m dataManagement
ng g m dataManagement  --routing    // 创建带路由模块的模块

创建组件
ng g  c componentName   // c表示component，命令中的g为generate，组件名称使用驼峰命名


创建服务
ng g service  serviceName 


创建管道
ng g pipe pipeName


配置依赖
npm install


启动服务器
ng serve或
npm start

blog-lichuyan
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
angular-devkit-schematics-cli-builds：为@ angular-devkitschematics-cli构建工件
02-09
@ angular-devkit / schematics-cli的快照构建该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发行的版本上使用此...
angular常用命令行
weixin_41897680的博客
05-17 325
创建项目 ng new 项目名 启动项目 ng serve --open 创建模块 ng g m 路径/模块名 创建组件 ng g c 路径/组件名 创建服务 ng g s 路径/服务名 创建管道 ng g p 路径/管道名
angular中基本创建组件及组件下配置路由（方便在文件夹下面创建新的子组件）
qq_41930094的博客
08-17 1560
1.在终端执行 ng g c “组件名” 创建自定义组件 若运行项目，想进入到新创建的html页面，会报错:大致就是说未匹配到路由， 补充：一个文件夹下面的路由，例如你在appointment下新建的组件，则在执行创建组件的命令时， 系统只会在其中的一个路由文件生成配置路径，另一个路由配置，需自己配置，否则报错路由找不到，【appointment.module.ts和appointment-rop...
【Angular 学习】第二天：快捷命令创建组件
Dai的博客
02-15 1284
【Angular 学习】第二天：快捷命令创建组件
Angular如何创建一个组件
weixin_45679977的博客
12-27 1511
一、创建组件(创建一个headers的组件) 命令: ng g c headers 命令: ng g c /component/headers (带路径的) 二、appmodule.ts中直接引用(HeadersComponent)这个名字必须是有Component import { HeadersComponent } from ‘./compontents/headers/headers....
Angular的常用命令
qq_44963669的博客
12-02 686
•命令行 创建项目包 ng new 项目名 启动命令 ng s 或 ng s -o 生成组件 ng g c 组件名 生成管道 ng g p 管道名 生成指令 ng g d 指令名 •angular用法 双标签内容: {{}} 属性: [属性名]=‘值’ 或 属性名="{{ 值 }}" 事件: (事件名)=‘方法名()’ 双向数据绑定: [(ngModel)]=“值” 一定要手动引入+注册 Form 模块 条件渲染: ngIf 列表渲染: ngFor=“let item of item
angular-cli.json
04-26
Netty的现Tech Lead Norman在本书中循序渐进地讲解了Netty的各个关键部分，在看完本书后，你不但可以熟练地使用Netty来构建以上系统，并且还可以避免很多常见的陷阱。 　无论是想要学习Spring 5 、Spark、Cassandra...
Angular-angular-cli.zip
09-18
Angular-angular-cli.zip,用于angularangular cli的cli工具,Angularjs于2016年发布，是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的web应用程序工作...
Angular2安装angular-cli
12-09
因为第一次用这个新框架做项目，不太熟悉，就找了angular-cli这个脚手架来搭建项目。 安装了好多次，看了好多博文，终于成功了。 依据本宝宝帮多位小伙伴安装成功的经验，现总结安装angular-cli过程如下： 1、...
angular-cli：Angular的CLI工具
01-31
这是DevKit和Angular CLI代码的所在地。 您可以在找到特定于Angular CLI的自述文件。 快速链接 Angular CLI的目标 Angular CLI创建，管理，构建和测试Angular项目。 它建立在Angular DevKit之上。 DevKit的目标 ...
Angular常用指令
Cappuccino Blog
04-24 538
Angular常用新建指令 ng g m my-new-module: 新建模块 ng g c my-new-component: 新建组件 ng g s my-new-service: 新建服务 ng g cl my-new-class: 新建 class ng g d my-new-directive: 新建指令 ng g e my-new-enum: 新建枚举 ng g p my-new-p...
angular-cli 总结
zyzhan
12-09 479
NPM 版本要求 $ node -v $ npm -v 其中 Node 版本需要 6.9.0+，NPM 需要 3.0.0+。 #安装安装 如果之前安装了，升级到最新版本： $ npm uninstall -g @angular/cli $ npm cache clean $ npm install -g @angular/cli@latest #创建应用创建应用 新建项目前，可以设置新项目下载 NPM 包的 registry 来提高下载速度，这里设置成 cnpm。 ng
angular常用指令
limts的博客
11-22 1313
1.ng-app 初始化Angular JS应用程序 2.ng-bind 绑定HTML元素到程序中 3.ng-init 初始化数据 4.ng-model 绑定控制器中的值到应用数据中 5.ng-repeat 定义集合中每项数据的模板 6.ng-src 指定img元素的src属性 7.ng-class 指定HTML元素使用的css类 8.ng-disabled 规定一个元素是否被禁用，参数是布尔值 ...
angular指令总结
nunumaymax的博客
10-23 846
angular中不常用却又非常有用的指令总结前言ng-list定义和用法语法二、使用步骤1.引入库2.读入数据总结 前言 angular中有一些不常用，但却非常有用的指令，如果在开发过程中可以直接使用这些指令，会大大地加快我们的开发效率。 angular官网地址：https://www.angularjs.net.cn/api/ng/directive ng-list 定义和用法 ng-list 指令将输入的字符串转换为数组，并使用逗号分隔。 ng-list 指令还有另外一种转换方式，可以将数组转化为
Angular CLI ng常用命令整理
热门推荐
天马3798
01-20 3万+
Angular CLI 的ng命令常用整理 当前对应版本：angular-cli:1.0.0    node:8.9.3   os:win32 x64 1.创建项目 ng new 命令 描述 ng new [options] 创建一个新的 Angular 项目,默认在当前所在目录下 参数 描述
Angular ng命令
大强博客
06-29 1万+
1、根目录下执行ng命令Microsoft Windows [版本 10.0.16299.492](c) 2017 Microsoft Corporation。保留所有权利。C:\Users\dqgzs>ngAvailable Commands:  add Add support for a library to your project.  new Creates a new direct...
Angular常用ng指令详解
极客神殿
02-07 3175
我们依次从使用频率高到低来，重要性大小来说明各种指令。 1、ng-repeat 1.1 一般用法 "char in [{'alphabet': 'K'}, {'alphabet': 'A'}, {'alphabet': 'V'}, {'alphabet': 'L'}, {'alphabet': 'E'}, {'alphab
angular ng g c xxxx命令报错 SilentError
qq_32319999的博客
09-19 1940
Error locating module for declaration         SilentError: Multiple module files found: ["app.module.ts","use.material.module.ts"] 如上所示，将其他三方的module专门创建一个文件夹来放就行了，不要和app的module放在一个目录下
2021-Angular脚手架安装及创建项目
小强cool
03-12 583
Angular脚手架安装及创建项目，基础命令 1，node.js的安装请到如下链接查看 2，安装Angular脚手架： 黑窗口输入： npm install -g @angular/cli 或 cnpm install -g @angular/cli 查看是否安装成功 ng version 或 ng -v 如下为安装成功： 卸载命令 npm uninstall –g angular-cli 或 cnpm uninstall –g angular-cli 3、创建项目 ng new 项目名
'D:\vcnem\work\nodejs\node_global\node_modules\angular-cli\bin\ng'不存在
最新发布
03-23
'D:\vcnem\work\nodejs\node_global\node_modules\angular-cli\bin\ng'不存在的原因可能是该路径下没有安装Angular CLI或者安装的路径不正确。Angular CLI是一个用于开发Angular应用程序的命令行工具，它提供了一些...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值