vue环境搭建

1、安装node

官网地址：https://nodejs.org/en/download/
下载完了之后，都是默认配置就好了

2、设置nodejs prefix（全局）和cache（缓存）路径

1. 在nodejs安装路径下，新建node_global和node_cache两个文件夹
   

2. 设置缓存文件夹

注：npm config set会在C:\Users\用户目录下生成一个.npmrc的文件

npm config set cache "G:\nodejs\node_cache"

设置全局模块存放路径

npm config set prefix "G:\nodejs\node_global"

设置成功后，之后用命令npm install XXX -g安装以后模块就在G:\nodejs\node_global里

3、npm 配置项registry修改为淘宝镜像

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

4、设置环境变量

1. 鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框。

2. 修改系统变量PATH
   
   

3. 新增系统变量NODE_PATH
   
   

5、安装vue

npm install vue -g

安装位置是G:\nodejs\node_global\node_modules，也就是我们之前指定的位置

6、安装vue命令行工具，即vue-cli 脚手架

npm install vue-cli -g

7、创建项目

初始工作

在当前文件夹下进入cmd窗口

1. 方法一是win+r，输入cmd，然后回车，慢慢cd进入
2. 方法二是如下图的操作，快速进入当前文件
   
   

创建项目

vue init webpack demo

初始化完成后的项目目录结构如下：

然后npm run dev就跑起来了

8、一些问题

1、vue-cli Failed to download repo vuejs-templates/webpack连接超时

一个解决方式是离线创建
去https://github.com/vuejs-templates/webpack下载
解压到本地用户目录下的.vue-templates目录下
如文件名改成webpack

vue init webpack 项目名  --offline