angular4开发分享（1） angular-cli

大佬教程收集整理的这篇文章主要介绍了angular4开发分享（1） angular-cli，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

angular-cli

脚手架大大方便了，项目的开发，使用也非常简单。
https://cli.angular.io/ 提供了搭建一个angular项目的简单介绍。
本文就angular-cli这块的指令属性，在做一些扩展介绍。

npm install -g @angular/cli
ng new PROjeCT-NAME
cd PROjeCT-NAME
ng serve

通过这四条命令，可以@L_616_3@创建一个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开发分享（1） angular-cli全部内容，希望文章能够帮你解决angular4开发分享（1） angular-cli所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。