windows下npm安装AngularJs并创建新项目

1.npm是一个js的包资源管理器,也就是说一个专属于js的github.由于历史原因,npm和node.js已经绑定到一块,所以可以去node官网下载安装node,安装后npm便已安装。

node.js官网:  https://nodejs.org/en/   

2.cmd窗口查看  是否 安装成功。 

windows下npm安装AngularJs并创建新项目_第1张图片

3.由于npm国外的,所以用npm下载js资源的时候会,导致网速慢,而且有可能下载不全,所以建议用国内淘宝镜像资源,首先需要设置cnpm.

管理员身份运行cmd窗口,输入: npm install -g cnpm --registry=https://registry.npm.taobao.org

然后回车。

4.用cnpm下载angular资源。

cmd 输入   cnpm install -g @angular/cli@latest   然后回车

等待下载。

5.下载完成后查看angular 版本。

输入: ng  -v

6.创建新项目。

I.首先创建一个 项目所在的文件夹, 然后 cmd 进入到 该文件夹。

II.之后输入命令  ng new demo (demo为项目的名称),等待加载.....

III.加载完成后 cd 进入到 demo 文件夹,然后cmd 输入命令  ng serve 运行 angular ,然后根据提示 打开浏览器 输入 

http://localhost:4200/ 

IV.打开编辑器, 选择 创建的  名为 demo 的文件夹, 项目初始化完毕。


你可能感兴趣的:(windows下npm安装AngularJs并创建新项目)