angular-cli初步学习

公司项目架构并未使用angular-cli,对这一块比较陌生,找了视频学习了一下。
一、安装
1、先安装npm淘宝镜像cnpm
npm install -g cnpm –registry=https://registry.npm.taobao.org
2、用cnpm安装angular-cli提高成功率
cnpm install -g @angular/cli
3、检查angular-cli是否安装成功
ng version

二、使用
1、初始化项目,–skip-install阻止npm安装依赖库
ng new my-app –skip-install
2、用cnpm安装依赖库,节省依赖库安装时间
cd my-app
cnpm install
3、编译项目并启动服务,启动地址默认为http://localhost:4200
ng serve
4、组件初始化
(1)页面组件
ng g component test
(2)服务
ng g service test -m app.module //-m注册服务
5、单元测试
ng test
6、项目打包(概念:开发时模块化分离,文件可读性强易修改,可以直接发布到服务器,但影响服务器性能。项目打包后再发布减少服务器请求数量,减少并发量。)-prod将项目打包为生产模式,压缩文件并产生一个哈希码,哈希码会在文件修改后产生变化,为了使cdn感知文件变化并进行同步更新,避免引用错误
ng build -prod

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值