vue.js npm javascript win10安装和搭建vue环境

win10安装和搭建vue环境

安装nodejs配置环境变量安装vue配置淘宝镜像

安装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

金钥匙