首页 / ANGULAR / Angular 开发环境搭建
Angular 开发环境搭建
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Angular 开发环境搭建，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1247字，纯文字阅读大概需要2分钟。
内容图文
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/cli@1.1.0 指定版本号
如果发现过程比较慢，或者有错误，就可以使用 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
内容总结
以上是互联网集市为您收集整理的Angular 开发环境搭建全部内容，希望文章能够帮你解决Angular 开发环境搭建所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。