Angular2开发环境搭建@WebStorm

来源:互联网 发布:西北师范大学知行诱骗 编辑:程序博客网 时间:2024/05/21 18:48

1、设置淘宝镜像
npm install cnpm -g --registry=https://registry.npm.taobao.org


2、安装Typescript
cnpm install -g typescript
tsc -v


3、安装Angular2
cnpm install -g @angular/cli
ng -v


4、设置以后Angular2的所有包都从cnpm下载
ng set --global packageManager=cnpm


❖❖以下5-6可以不要❖❖
5、安装RxJS
cnpm install -g rxjs-es@latest


6、安装angular-in-memory-web-api
cnpm install -g angular-in-memory-web-api@latest


7、WebStorm创建Angular2工程

WebStorm版本:2017.2.2


工程创建完成


⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩

启动服务




⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩⇩

访问WEB



原创粉丝点击