安装Vue前node.js的安装配置

一、下载和安装Vue

官网下载地址Download | Node.js

 我这里选择的是Windows Installer(.msi) 64-bit

下载好后，双击下载的安装包。

点next

勾选I accept............，点next 

这里建议更改为自己想要的的安装目录，然后点next（可以自己先建好安装目录，我这里是提前建好的一个目录：E:\node）

这里有五个选项，有时间可以看一下，就是安装的时候会安装一些组件和npm，同时会添加环境变量，右侧有说明。我们直接点next

这里不用勾选，直接点next

install

 finish

安装完成后，检查一下是否安装成功。

打开cmd，输入如下指令。

npm -v

node -v

输出了版本号就说明安装成功了。

安装后的完整目录：

二、创建全局安装目录和缓存日志目录

 在我们的安装目录下，创建名为node_cache和node_global的两个文件夹。

 

打开Dos窗口，执行如下命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。

npm config set prefix "你的安装目录\node_global"

npm config set cache "你的安装目录\node_cache"

npm config set prefix “E:\node\node-v20.11.1-win-x64\node_globa”
npm config set cache “E:\node\node-v20.11.1-win-x64\node_cache”

为了以后下载包快速，修改源为淘宝镜像。（这里修改了，我们就不需要安装cnpm了，因为cnpm就是Node.js淘宝镜像加速器，这里配置了就不需要安装了）

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

查看npm配置修改是否成功

npm config list

同时我们会发现多了个文件：C:\Users\用户名\下的.npmrc文件，可以理解为一个记录当前用户修改信息的配置文件。如果你把这个文件删了，那你刚刚修改的那些参数全没有了，回归默认配置。

三、配置环境变量

步骤一：系统属性---->高级---->环境变量---->用户变量---->新建

变量名：NODE_HOME
变量值：E:\node\node-v20.11.1-win-x64

变量值：就是下载node.js的文件地址。

步骤二：系统属性---->高级---->环境变量---->用户变量---->Path---->新建

%NODE_HOME%\node_globa
%NODE_HOME%\node_cache

完成上述所有，就可以安装使用Vue了。

Vue安装和使用步骤如下链接可见：

Vue2 使用步骤_vue2部署实现-CSDN博客