环境搭建
安装nodejs
前往nodejs官网或nodejs国内网站下载对应系统的nodejs并安装
安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装Angular/cli
cnpm i -g @angular/cli
若安装错误,则需进行如下操作
#删除已经安装的
npm uninstall -g @angular/cli
#清缓存
npm cache clean
#重新安装
cnpm install -g @angular/cli
#如此循环直到安装成功
使用VSCode编辑器
到VSCode官网下载安装
插件安装
VSCode插件安装
-
Debugger for Chrome : 用于在VSCode中调试Angular应用
-
Angular X Snippets
Chrome浏览器插件安装
- Augury
Mock Rest API
json-server
用于快速搭建REST API,支持GET,POST,PUT,PATCH,DELETE等REST请求
安装json-server
cnpm install -g json-server
启动json-server
json-server [json文件]
测试Rest API
PostMan
PostMan官网下载安装
常用命令
#生产环境依赖添加
cnpm i --save [包名]:[软件依赖]
#开发环境依赖添加
cnpm i --save-dev [包名]:[开发依赖]
#创建Angular项目
ng new [项目名]
#开发环境编译
ng build
#生产环境编译(会进行优化编译并对代码进行压缩)
ng build -prod
#启动开发服务器
ng serve
