angular4实战（1） angular-cli

Maxiye 发布于2019-08-21 16:42 / 2229人阅读

摘要：通过这四条命令，可以快速创建一个项目。本章主要关注，这条命令。在下载好之后，通过在命令行输入可以获得的指令详细介绍。如果新建一个项目仅仅用上述条，显然是不满足开发需求的，在介绍条属性。本章对的介绍到此为止，下章具体介绍路由。

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...

GPU云服务器云服务器 angular4 实战开发项目实战实战篇

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88628.html

利用angular4和nodejs-express构建一个简单的网站（一）——构建前后端开发环境

摘要：安装好后，在命令提示符下输入回车后就会自动安装好的最新版本，如果你的网络环境和我的一样，处处受限的话，我建议你先安装后，利用安装。好了，基本的前端和后端程序已经构建完成了，下面需要对前端和后端环境进行一下配置。学习了一段时间的angular4知识，结合以前自学的nodejs-express后端框架知识，做了一个利用angular4作为前端，node-express作为后端服务器的网站...

Lyux 2019-08-26 11:34 评论0 收藏0
angluar4使用非npm安装的js插件和cnpm下使用bootstrap遇到的问题

摘要：在引入将下载下来原谅没看可以使用安装，将那些，放入这个目录里面。你要用声明这个关键字这样就可以在中使用了年月日指定元素使用出现没有作用的之前用创建工程直接安装和，然后安装他的类型描述文件。由于项目需要一个选择年月日，选择时分秒和选择时见间隔的插件，本来打算用ng-zorro，结果发现ng-zorro有点不符合要求，而且有点大，所以就用了layDate.js。在angular4引...

lylwyy2016 2019-08-01 18:13 评论0 收藏0
angluar4使用非npm安装的js插件和cnpm下使用bootstrap遇到的问题

摘要：在引入将下载下来原谅没看可以使用安装，将那些，放入这个目录里面。你要用声明这个关键字这样就可以在中使用了年月日指定元素使用出现没有作用的之前用创建工程直接安装和，然后安装他的类型描述文件。由于项目需要一个选择年月日，选择时分秒和选择时见间隔的插件，本来打算用ng-zorro，结果发现ng-zorro有点不符合要求，而且有点大，所以就用了layDate.js。在angular4引...

zhichangterry 2019-08-22 11:17 评论0 收藏0
angluar4使用非npm安装的js插件和cnpm下使用bootstrap遇到的问题

摘要：在引入将下载下来原谅没看可以使用安装，将那些，放入这个目录里面。你要用声明这个关键字这样就可以在中使用了年月日指定元素使用出现没有作用的之前用创建工程直接安装和，然后安装他的类型描述文件。由于项目需要一个选择年月日，选择时分秒和选择时见间隔的插件，本来打算用ng-zorro，结果发现ng-zorro有点不符合要求，而且有点大，所以就用了layDate.js。在angular4引...

cjie 2019-08-29 14:02 评论0 收藏0