脚本宝典收集整理的这篇文章主要介绍了Angular CLI 快速创建Angular 2项目和组件, 压缩打包发布。，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
我们在使用Angular2项目时，直接使用官网提供的基础配置文件，在NodeJS下面就可以生成一个新的ng2项目，但是这样非常不便利，每次都要新建目录，复制配置文件，使用Node命令安装支持库，最后才是写代码。Angular-cli就是用来简化这一操作的，而且官方配置文件不包含打包命令，对于新手来说，对System打包和webpack打包都不熟悉的情况下，使用angular-cli能够非常方便的生存一样ng2项目，打包ng2项目，集中在编写项目代码上，省略繁琐的配置过程。
1、 安装Angular cli
npm install -g Angular-cli-g命令表示安装在全局。
2、使用Angular cli初始化ng2项目
ng new my-ng2-app这样就创建一个名为my-ng2-app的项目
如果在要把现有目录转成ng2项目，只需要运行下面命令：
mkdir ng2-test
cd ng2-test
ng inIT3、运行ng项目
ng servenpm start两个都可以，默认端口为：4200
http://localhost:4200
4、修改默认端口 -> 修改为（3000）
ng serve -p 30005、打包发布
ng build目录中就会出现dist文件夹，可以看到里面就是打包后的文件，包含一些htML、js等文件，上传服务器就可以运行代码了。
6、修改文件
修改目录中的src文件夹，里面就是TyPEScript书写的组件，服务，管道，指令等文件。
7、创建包含html、ts、css文件的命令
cd到需要创建文件的目录下面，输入如下命令
ng g c myFile 会自动将创建的文件添加到module中。
以上是脚本宝典为你收集整理的Angular CLI 快速创建Angular 2项目和组件, 压缩打包发布。全部内容，希望文章能够帮你解决Angular CLI 快速创建Angular 2项目和组件, 压缩打包发布。所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。