Angular 开发环境搭建
1 安装node.js 可以直接去官网https://nodejs.org/en/ 下载；
目的：使用npm 管理项目依赖的软件包；
在cmd 中敲入 npm –version 查看版本号看是否安装成功
2 由于 npm 会自动访问海外的服务器，由于网络的原因，可以使用cnpm yarn 作为替代的包管理工具；
cnpm 是淘宝发布的一款工具，会自动把 npm 上面的所有包定时同步到国内的服务器上来，cnpm 本身也是一款 NodeJS 模块。
安装cnpm: npm i g cnpm
比如：安装angular/cli 这个是angular团队构建的一个脚手架工具，让我们快速构建一个应用，不用理会繁琐的配置；
把 @angular/cli 安装到全局空间
npm i –g @angular/cli 或者npm i –g @angular/[email protected] 指定版本号
如果发现过程比较慢，或者有错误，就可以使用cnpm i --g @angular/cli
安装好之后可以 ng --version 看看版本
安装好以后就可以使用ng系列命令了比如 ng serve, ng g c XXX等
注意 : 如果安装过程中出现了错误，最好不要直接重新安装，先清除一下缓存：
npm uninstall –g @angular/cli
3 IDE 的配置
本人使用的Visual Studio Code 去官网直接下https://code.visualstudio.com
插件安装：
Angular 5 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout （各种API提示，告别裸奔时代）
Debugger for Chrome （使vs code 可以在chrome中debug Angular应用）
Eclipse Keymap 使用eclipse的快捷键，适用于以前使用eclipse的同学
Chrome 安装Augury 插件
插件唯一标识：elgalmkoelokbchhkhacckoklkejnhcd
网址：https://chrome-extension-downloader.com
json-server:用于快速搭建REST API的利器，或者rest client插件
安装： npm i –g json-server
使用：json-server ./mock/data.json
另外还可以使用一些接口测试工具：比如 postman restclient等
原文地址：https://www.cnblogs.com/mengjinluohua/p/8227977.html