Win10系统安装vue所需Node.js软件教程

vue教程

一、vue所需软件node.js安装

1、下载

本机以window10系统为例，在node.js官网下载长期支持版本。

 

2、安装

双击安装包，点击Next，勾选使用许可协议，点击Next，选择安装路径。

继续点击Next，看到Install后点击进行安装，安装完成后点击Finish结束。

3、添加环境变量

进入系统环境变量，在此电脑位置点击鼠标右键，点击属性，然后点击高级系统设置。

4、验证是否安装成功

进入cmd（win+R，输入cmd）命令行窗口，输入node -v查看nodejs版本，以及输入npm -v查看npm版本

出现如上图所示信息，即为安装成功。

二、修改模块下载位置

此步骤修改npm后续全局下载模板保存位置，默认为C盘，为避免C盘存放东西过多造成电脑卡顿，建议进行更改。

1、使用npm get prefix和npm get cache查看npm全局模块存放路径和缓存默认存放路径。

上图显示都默认存在载C盘。

2、在nodejs安装目录下，创建node_global和node_cache两个文件夹

3、修改默认文件夹

使用 npm config set prefix "D:\nodejs\node_global"命令设置全局模块的安装路径到node_global文件夹下，再使用npm config set prefix "D:\nodejs\node_cache"命令设置缓存到node_cache文件夹。

注意：由于 node 全局模块大多数都是可以通过命令行访问的，还要把【node_global】的路径“D:\nodejs\node_global”加入到【系统变量 】下的【PATH】 变量中，方便直接使用命令行运行，如下图所示：

4.测试默认位置是否更改成功

经过上面的步骤，nodejs下载的模块就会自动下载到我们自定义的目录，接下来我们测试一下是否更改成功。输入下面的命令：

npm install express -g

npm install express --global

注意：“-g”等同于“–global”，“-g” 是全局安装，不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的【node_global】目录下，同时nodejs会自动地在node_global文件夹下创建【node_modules】子文件夹， 即自动下载到“D:\nodejs\node_global\node_modules” 路径下。

可以看到，express模块已经成功地下载到【D:\nodejs\node_global\node_modules】下。

注意：若执行命令npm install express -g出现如下报错：

是由于对文件夹操作的权限不够，右击Nodejs文件夹->属性->安全，点击编辑，将所有权限都✔即可。

※执行npm install express -g仍然出错的话继续将nodejs下【node_cache】、【node_global】、【node_modules】这三个文件夹的所有权限勾选，再次执行npm install express -g命令即可安装成功。

三、设置淘宝镜像

1.将npm默认的registry修改为淘宝registry 说明：npm 默认的 registry ,也就是下载 npm 包时会从国外的服务器下载，国内下载会很慢，可以更换为国内镜像：https://registry.npm.taobao.org（官方已更换域名） https://registry.npmmirror.com。

1. 查看当前使用的镜像路径

npm config get registry

2.更换npm为国内镜像

# npm config set registry https://registry.npm.taobao.org
npm config set registry https://registry.npmmirror.com
​

3.检查镜像是否配置成功

4.全局安装基于淘宝源的cnpm 说明：由于npm的服务器在海外，所以访问速度比较慢，访问不稳定 ，cnpm的服务器是由淘宝团队提供，服务器在国内，cnpm是npm镜像，一般会同步更新，相差在10分钟，所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装，在项目创建与卸载等相关操作时仍使用npm。

5.全局安装基于淘宝源的cnpm

# npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g cnpm --registry=https://registry.npmmirror.com
​

6.本地查看cnpm

7.命令查看cnpm是否安装成功