Win10+Vue环境配置

发现前年写的代码是答辩，决定试试Vue

1. 下载npm

npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。

下载地址

安装的时候什么选项都不用勾选。

2. 修改扩展下载全局地址：

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

其中nodejs为安装nodejs的路径，node_global为下载扩展的路径。

修改源为淘宝镜像：

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

修改环境变量：

将个人用户中的Path中默认在C盘的npm修改为D:\nodejs\node_global

系统变量新建NODE_PATH，值为D:\nodejs\node_global

3. 然后以管理员身份运行cmd，安装相关包：

npm install vue -g
npm install vue-cli -g
npm install vue-router -g
npm install webpack -g

4. 新建项目

将当前路径切换到项目的父文件夹，然后以管理员身份执行：

vue init webpack 项目名称
npm install

运行新建的项目：

vue run dev

 

 

 

 

 

 

 

 

 

 

运行成功。