angular4实战(1) angular-cli
来源:互联网 发布:php 一致性hash算法 编辑:程序博客网 时间:2024/06/01 08:01
angular-cli
脚手架大大方便了,项目的开发,使用也非常简单。
https://cli.angular.io/ 提供了搭建一个angular项目的简单介绍。
本文就angular-cli这块的指令属性,在做一些扩展介绍。
npm install -g @angular/cling new PROJECT-NAMEcd PROJECT-NAMEng serve
通过这四条命令,可以快速创建一个angular项目。
本章主要关注,ng new 这条命令。在下载好angular-cli之后,通过在命令行输入ng help可以获得angular-cli的指令详细介绍。
如果新建一个项目仅仅用上述5条,显然是不满足开发需求的,在介绍5条属性。
—style 指定生成项目的css预编译语言,例如
ng new PROJECT-NAME –style less 则创建的项目,由less开发。
—prefix 默认是app,可以选择改成其他的,如果不设置,那么项目生成的组件选择对象就是app开头,即:
—routing angular生成的项目默认是不带路由的,而路由在但也应用基本上是必备模块,因此在生成项目时需添加此属性。
—inline-style,–inline-template这两个属性放在一起介绍,一个是将css放在ts文件中,一个是将html放在ts文件中一起编写。用过vue或者react的同学应该非常熟悉。我这边都是没有做inline设置的,个人不喜欢这种把其他东西柔在脚本里的方式。
组件生成
之前用angularjs的时候,有自己写生成组件的脚本,换到4之后,发现天生带这个功能,很喜欢。比如生成一个名为stones的组件,只需运行命令:
ng g component stones
就ok了,然后会依照之前在ng new项目时的配置在app目录下生成相应的组件,并自动加入到依赖中,非常方便。
本章对angular-cli的介绍到此为止,下章具体介绍路由。
项目地址:https://github.com/jiwenjiang/angular4-material2
- angular4实战(1) angular-cli
- 最新angular cli 安装教程(angular4 )
- 安装Angular-Cli以及失败原因解决(Angular4.0)
- 安装Angular-Cli以及失败原因解决(Angular4.0),Angular-Cli卸载
- Angular4记账webApp练手项目之一(利用angular-cli构建Angular4.X项目)
- angular实战(1)
- angular4实战(2) router
- angular4实战(4)ngrx
- Angular4.0 启动项目时,报错:The “@angular/compiler-cli” package was not properly installed
- 【angular2】(1)angular-cli修改端口号
- Angular-cli
- angular-cli
- angular-cli
- angular-cli
- Angular4记账webApp练手项目之二(在angular4项目中使用Angular WeUI)
- angular4启动报错信息InvalidConfigError: Parsing angular-cli.json failed. Ensure the file is valid JSON
- angular-cli更新(link方式安装)
- Angular-Cli 学习笔记(整理中)
- MySQL双主(主主)架构方案
- ASP.NET 使用Aspose实现Office格式转换和在线预览
- tcp三次握手,四次挥手的原因
- PAT甲级1135
- Linxu搜索文件内容指令--grep
- angular4实战(1) angular-cli
- C++基本语法,入门及提高(6)
- JAVA线程池原理详解一
- Java设计模式——建造者模式(Builder Pattern)
- 收集整理一些常用的MySQL命令
- DITHER 抖动算法(转载)
- C++ explicit关键字详解
- JAVA线程池原理详解二
- 简单排序