搭建angular环境

一、安装

1、先安装npm淘宝镜像

一.通过命令配置验证
命令
npm config set registry https://registry.npm.taobao.org
验证命令
npm config get registry
如果返回https://registry.npm.taobao.org，说明镜像配置成功。

二.通过使用npm安装
     cnpm
----npm install -g cnpm –registry=https://registry.npm.taobao.org

cnpm -v

 

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

更换端口启动

ng serve --port 8080

4、组件初始化

   （1）页面组件
           
ng g component test

   （2）服务

           ng g service test -m app.module //-m注册服务

5、单元测试
     
ng test

6、项目打包
   （概念：开发时模块化分离，文件可读性强易修改，可以直接发布到服务器，但影响服务器性能。
      项目打包后再发布减少服务器请求数量，减少并发量。）
     -prod  将项目打包为生产模式，压缩文件并产生一个哈希码，哈希码会在文件修改后产生变化，
      为了使cdn感知文件变化并进行同步更新，避免引用错误

      ng build -prod

7、安装特定版本，例如typescript
     npm install typescript@2.4.2

npm install npm@latest -g  进行npm版本自动更新

1.      npm-check检查更新
npm install -g npm-check
npm-check
2. npm-upgrade更新
npm install -g npm-upgrade
npm-upgrade

3. 更新全局包：
npm update <name> -g

4. 更新生产环境依赖包：
npm update <name> --save

5. 更新开发环境依赖包：
npm update <name> --save-dev
-------------------------------------------------------------------------
临时服务器测试
创建mock文件夹
使用rest server  构建原型API
cnpm install -g json-server  安装服务

json-server ./mock/data.json    启动服务 指定json文件路径

API测试工具
Postman 测试常用API
www.getpostman.com