Angular 开发环境搭建

Angular 开发环境搭建 node

1 安装node.js 能够直接去官网https://nodejs.org/en/ 下载;chrome

目的:使用npm 管理项目依赖的软件包;npm

cmd 中敲入 npm –version 查看版本号是否安装成功json

 

2 因为 npm 会自动访问海外的服务器,因为网络的缘由,可使用cnpm yarn 做为替代的包管理工具;缓存

cnpm 是淘宝发布的一款工具,会自动把 npm 上面的全部包定时同步到国内的服务器上来,cnpm 自己也是一款 NodeJS 模块。服务器

http://npm.taobao.org网络

安装npm install -g cnpm --registry=https://registry.npm.taobao.orgeclipse

好比:安装angular/cli 这个是angular团队构建的一个脚手架工具,让咱们快速构建一个应用,不用理会繁琐的配置;工具

@angular/cli 安装到全局空间post

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

npm cache clean --force

npm install -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 能够在chromedebug 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

相关文章
相关标签/搜索