angular4实战(1) angular-cli
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/78077403
angular-cli
脚手架大大方便了,项目的开发,使用也非常简单。 https://cli.angular.io/ 提供了搭建一个angular项目的简单介绍。 本文就angular-cli这块的指令属性,在做一些扩展介绍。
npm install -g @angular/cli
ng new PROJECT-NAME
cd PROJECT-NAME
ng 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
- sql自连接经典示例
- astyle 使用说明
- Spring AOP 实现原理与 CGLIB 应用
- Django 博客教程:建立django工程(连载二)
- 使用python实现后台系统的JWT认证
- (65) 线程的基本概念 / 计算机程序的思维逻辑
- 用Python玩转微信的正确姿势!
- 版本管理工具总结
- java枚举类型enum的使用
- (66) 理解synchronized / 计算机程序的思维逻辑
- 用Python搭建一个校园维基网站(一)
- (67) 线程的基本协作机制 (上) / 计算机程序的思维逻辑
- 制作Aspose CHM文档的过程记录
- 用python搭建一个校园维基网站(二)—— 可编辑内容的首页的创建
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python数据科学:卡方检验
- Java 中使用 Redis
- Python数据科学:线性回归
- 人生苦短,我用k8s--------------单节点二进制部署
- 人生苦短,我用k8s--------------k8s集群二进制部署
- 从零开始学习 JD Chain(四)-使用穿透式检索-Release
- 用Python清除文件夹中的重复视频
- Python数据科学:线性回归诊断
- 用Python自动化生成倒计时图片
- (译)SDL编程入门(12)色彩调制
- (译)SDL编程入门(11)裁剪渲染和精灵表
- Python数据科学:正则化方法
- libVLC教程
- (译)SDL编程入门(10)Color Key
- Cocos2d-x初学者教程