angular2 开发 项目生成详解

这次讲的是如何生成一自己喜欢的angular2 项目

相信在项目开发中，经常遇到自己想添加的开发环境但是又无处下手的时候， 而且即使最后添加成功了也是花了很多的时间以及精力

再次博主给大家分享下快速生成自己喜欢的开发环境

npm install -g angular-cli
#or
cnpm install -g angular-cli

在使用ng自带的脚手架时 我们注意已下几点就能很好的生成想要的环境

ng new my-app   
# 在这之前我们看下 可选参数

ng ng2-inline-less --style scss --inline-tempate --verbose --skip-install --skip-git --routing
ng my-app --style <less, scss>
# 这样生成的ng项目会自动集成scss或者时less预编译器

类似的的集成看下面的说明

# 集成样式
--style

# 阻止默认安装  生成项目后可切换成cnpm -i下载依赖 国内网络的问题  ng-cli自带的npm安装 可能花费的时间有点久  
--skip-install

# 生成路由模块  路由再次不必说了 对于前端来说路由很方便滴
--routing

# 将样式生成行内样式  
--inline-style

# 将模板生成行内样式  
--inline-template

如果想看更多的配置

里面可以查到不同配置生成的不同效果

ng help
# or
ng

演示如下

ng new ng2-inline-less --style scss --inline-tempate --verbose --skip-install --skip-git --routing

运行 下载依赖包

cnpm install

最后生成

同过 创建新组件

ng generate component header

小伙伴们是不是很方便又很实用 大家可以去试试哦 自己动手学的才是记的最牢靠的