搭建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

搭建angular环境相关推荐

Angular------win10搭建Angular环境并运行hello-world
本文及系列所有文章均基于Win10系统前言 Angular 是一个应用设计框架与开发平台,用于创建高效.复杂.精致的单页面应用. 最近项目中的某个模块要使用Angular来做前端界面,所以现在开始要 ...
从零搭建angular环境和初项目
打开CMD, 第一步,确认电脑是否安装node.js 输入 node -v 第二步,确认是否安装git git version 若没安,访问 https://w ...
【Angular】angular环境搭建
angular环境搭建 1.安装前的准备 1.1 安装node.js 1.2 安装cnpm 1.3 使用npm/cnpm安装angular/ cli 2.创建angular项目 2.1找到要创建项目的 ...
快速搭建Web环境 Angularjs + Express3 + Bootstrap3
2019独角兽企业重金招聘Python工程师标准>>> 快速搭建Web环境 Angularjs + Express3 + Bootstrap3 AngularJS体验式编程系列文章, ...
atom搭建markdown环境
1. 搭建markdown环境 > 禁用atom自带的markdown-preview插件(功能简单) > 安装插件:markdown-preview-plus@2.4.16(在markd ...
linux apache2.4 php,php5.6+apache2.4+linux如何搭建php环境
php5.6+apache2.4+linux如何搭建php环境前言最近突然想搭建个人博客,尽管笔者擅长java-web,但综合各种原因,于是选择了大众化的php+mysql搭建个人博客.对于php ...
Android NDK开发之旅29 云服务器Ubuntu下搭建NDK环境，并编译FFmpeg
###前言因为在Linux环境下编译FFmpeg生成库和头文件下比较方便,所以接下来主要操作在Linux环境下进行.但是对于Android NDK 开发新手来说,自己电脑配置Ubuntu Linux ...
软件测试培训：如何搭建测试环境
如何搭建测试环境?这是很多测试人员都需要了解的,测试是每个产品上线前必备的一个检验,不管是什么产品,做好有效的测试是对产品质量的一个负责,软件测试环境要考虑的就是软件在什么软硬件下能正常运行,什么环境 ...
vm虚拟机下linux安装python_VM中安装linux系统，安装VS Code，搭建Python环境
VM中安装linux系统在linux系统中安装VSCode(Visual Studio Code) 1.从官网下载安装包 2.在下载目录打开终端安装 sudo dpkg -i code_1.32.3 ...

搭建angular环境

搭建angular环境相关推荐

最新文章

热门文章