安装nodejs
在安装Vue环境之前,首先需要安装Nodejs,然后通过npm命令安装vue。官方的说法是:npm是基于Nodejs的资源包(package)管理器。
Node.js下载地址:https://nodejs.org/en/download/
如下图所示,选择左边的LTS版本(长期支持版本的缩写),安装目录默认为C盘,建议更改至其他空间,楼主将空间改为了D盘,在D盘下新建文件夹名为nodejs存储。
在安装过程中,请注意如下选项,将path环境变量取消,稍后手动配置环境变量:
配置环境变量
右键点击“计算机”,“高级系统设置”,“环境变量”,在这个界面下,在下方的“系统变量”中,找到“PATH”属性,点击编辑,点击新建,将nodejs的安装路径,楼主的目录为:D:\nodejs\ ,添加至系统变量中,点击确定。
在桌面搜索栏打开CMD命令行窗口,输入以下命令,验证是否配置成功
npm -v
配置淘宝镜像
npm config set registry=http://registry.npm.taobao.org
更改npm资源包安装路径,在nodejs目录下手动创建node_cache文件夹
npm config set prefix "D:\nodejs"
npm config set cache "D:\nodejs\node_cache"
安装vue
安装命令(“-g” 表示安装到 prefix指定的全局目录下)
npm install -g vue
安装vue-cli命令行工具
npm install -g vue-cli
安装webpack工具
npm install -g webpack
验证vue版本(V大写)
vue -V
打开nodejs目录验证一下是否安装到D盘
配置淘宝镜像
由于许多npm包都是在国外,时常下载缓慢,配置淘宝的镜像服务器来加速下载
安装命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
后续安装命令就可以使用cnpm来下载
cnpm install -g vue