Node.js安装过程：

目录

一、下载安装

二、配置环境

三、更换镜像源

四、安装yarn

五、安装VUE脚手架

六、npm、yarn的升级

七、创建VUE项目

---

一、下载安装

1、官网下载对应系统安装包 https://nodejs.org/en/download/；

2、安装时注意修改安装目录，建议放在非C盘目录下，一路默认安装即可；

注意：如果你是卸载了重新安装的， 需要删除 账户目录下的 .npmrc文件【例：我的目录：C:\Users\Administrator），在C盘搜索.npmrc 然后删除】。因为这会关系到npm -v查看版本时出现不报错，没反应，空白的问题：（问题如下：）

3、安装完成后启动命令行工具，输入 node -v、``npm -v 查看安装版本，出现提示版本信息即为安装成功(见图1) 。

二、配置环境

1、更改全局模块安装路径和缓存cache的路径

（1）、nodejs安装目录，在里面创建node_global和node_cache两个文件夹

（1）、打开

（2）、打开命令执行工具，执行以下两个命令更改存储目录

2、配置环境变量

（1）、打开系统属性-高级-环境变量，在系统变量中新建 变量名：NODE_PATH，变量值：

（2）、编辑用户变量的 path，将默认的 C 盘下的 C:\Users\peng\AppData\Roaming\npm 修改为D:\App\nodejs\node_global

三、更换镜像源

1、全局使用淘宝源

# 修改为淘宝镜像源

npm config set registry https://registry.npm.taobao.org

2、查看当前源：npm config get registry

四、安装yarn

1、下载安装

# 全局安装命令

npm install -g yarn

或

cnpm install -g yarn

2、更改模块及缓存存储目录

同样先在yarn的安装目录下创建yarn_global和yarn_cache文件夹，并打开命令窗口执行以下命令。

3、更换镜像源

# 查看当前源 yarn config get registry

# 修改为淘宝镜像源 yarn config set registry https://registry.npm.taobao.org

# 修改为官方镜像源

yarn config set registry https://registry.yarnpkg.com

五、安装VUE脚手架

1、安装 vue-cli脚手架，首先以管理员身份打开控制台，输入一下命令：

# 全局安装 vue-cli脚手架：

npm install -g @vue/cli

或

cnpm install -g @vue/cli

2、安装vue-cli-init 项目初始化工具

npm install -g @vue/cli-init

或

cnpm install -g @vue/cli-init

注：上述命令适用于vue3项目 。

3、查看安装的vue版本： vue -V

六、npm、yarn的升级

1、升级npm

npm install -g npm

如果npm 自身更新报错

我们需要先在官网( https://nodejs.org/en/download)上下载最新的node,重新安装环境即可

2、升级yarn

// yarn查看所有版本 npm view yarn versions

// yarn更新到最新版 npm install yarn@latest -g

七、创建VUE项目

1、打开控制台，切换至项目文件夹，输入项目创建命令 ：vue create vue2_demo

# 项目创建命令

vue create 项目名称

2、选择第一个默认项（Default）,创建vue2项目

3、选择yarn作为包管理器

4、vue2项目创建完成，可以开始编译了。