angluar-cli常用命令
angluar-cli可以通过命令行快速的创建angluar项目
一、安装angluar-cli
你的电脑上需要安装nodeJs和 npm,使用 npm install -g @angular/cli 。安装完成后,你就可以使用ng命令
二、cli常用命令
1、创建应用
ng new my-app --style=scss
--style可以设置你应用使用的样式,默认是css,支持sass、scss、less、css
2、创建模块
ng g module app-routing [--flat ] [--module=app]
--flat把这个文件放进src/app 中,而不是单独的目录中, --module=app设置该模块注册到AppModule中的imports数组中,不需要你手动进行注册
3、创建组件
ng g component XXX
XXX为你的组件名,该命令会在当前module中创建组件,并会在module中注册该组件,如果你想要规定在哪个模块中注册,可以使用 --module=xxx来定义
4、创建服务
ng g service message
5、创建管道
ng g pipe date
6、动态组件
ng g directive test
7、运行应用
ng server --open --port 8888
默认地址为http://locahost:4200, 通过--port可以修改运行的端口
8、编译应用
ng build --prod --base-href ./
编译出的应用在根目录dist里面,--prod是将文件混淆、压缩、去掉不不需要的文件,--base-href ./是将应用的基本路径改为./,不然你的应用上传服务器且不在根路径就运行不了
9、导出webpack配置文件
ng eject
使用该命令前,请先保存package.json和.angluar-cli.json。导出后会在根目录生成webpack.config.js文件,同时package.json和.angluar-cli.json里面某些字段会有改变,如果想还原,需要将package.json和.angluar-cli.json还原(刚刚让你保存的~),然后将webpack.config.js删掉就ok了