nodejs及vue的安装与配置

一、nodejs的下载与安装

1、下载

官方下载地址：下载链接

想下载以前版本，地址：old version

点击下载，选择自己对应的版本，node-XXX.msi

2、安装

双击下载好的.msi文件，一直next，可以改变安装路径，由于我的电脑只有一个盘，所以选择默认路径，直至安装结束，点击finish

3、检验

检查是否安装成功：

node -v

npm -v

 出现版本号即安装成功！

二、配置全局安装目录和缓存日志目录

1、创建

在nodejs的安装目录下分别创建node_global文件夹和node_cache文件夹。

2、配置

 打开cmd命令提示符，将npm的全局模块目录和缓存目录配置到我们刚才创建的两个文件夹目录下：

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

执行上面两行命令：

3、镜像

此处修改源为淘宝镜像，后续就不需要再安装cnpm了。 

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

输入以下命令，可查看npm配置修改是否成功

npm config list

这时路径 C:\Users\用户名\ 下会多出一个 .npmrc 文件，用记事本打开就可以看到我们上面修改的信息。

 

三、配置环境变量 

在nodejs安装过程中，系统会自动配置两个环境变量，一个在环境变量-->用户变量-->Path中（C:\User\用户名\AppData\Roaming\npm），另一个在环境变量-->系统变量-->Path中（C:\Program Files\nodejs\）。

1、修改环境变量

将 C:\User\用户名\AppData\Roaming\npm 修改为 你的安装路径\node_global

 编辑后一定要点“确定”退出！

2、新建系统变量

系统变量-->新建

 在 系统变量-->Path 中添加 %NODE_PATH%

 点击“确定”退出

四、安装 Vue

1、安装 vue.js

以管理员身份运行命令提示符，否则可能会因没有权限而报错（ win+s 搜索命令提示符，右键以管理员身份运行即可 ）

npm install vue -g

ps：-g 指的是全局安装，即安装到 node_global 全局目录下。

2、安装 vue-cli 脚手架

npm install -g @vue/cli     (3.0版本) ---选这个！！！

npm install vue-cli -g      （2.0版本）

3、验证

vue -v

vue -V

 安装成功！