Window下安装angular4.0

1.确保安装了python2.7.x环境

python下载地址:https://www.python.org/downloads/

Window下安装angular4.0_第1张图片

下载后无脑next就安装成功了,默认安装路径:C:\Python27

配置环境变量,在path后添加上  C:\Python27

在cmd下输入python,如下就成功了!

Window下安装angular4.0_第2张图片

2.先安装一些依赖的npm模块

npm update -g gcc(C++的编译器)

npm install -g typescript typings(Angular源码依赖包)

3.安装CNPM

cnpm和npm一样,只是npm从国外下载镜像比较慢,cnpm与npm一样,但它由淘宝团队开发,直接连接的淘宝的镜像库。

npm install cnpm -g --registry=https://registry.npm.taobao.org

4.使用cnpm安装angular

cnpm install -g @angular/cli

说明: 之前采用npm安装angular  各种报错。

5.设置ng采用cnpm下载包

ng set --global packageManager=cnpm

6.创建一个angular项目

ng new my-app

Window下安装angular4.0_第3张图片


7.启动并访问项目

cd demo1

ng serve --open

Window下安装angular4.0_第4张图片

ng会构建并打包项目,然后启动服务;

访问:http://localhost:4200/

Window下安装angular4.0_第5张图片

(完)

你可能感兴趣的:(Window下安装angular4.0)