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

你可能感兴趣的:(angularJS)