Vue安装与配置

安装Node.js

官网下载地址

选择适合自己的版本，推荐LTS，长久稳定版本。
安装完成后，检查一下是否安装成功。
打开cmd，输入如下命令：

• node -v
• npm -v

输出版本号说明安装成功。

创建全局安装目录和缓存日志目录

在我们的安装目录下，创建名为node_cache和node_global的两个文件夹。

打开cmd，执行如下命令，将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。

• npm config set prefix "你的安装目录\node_global"
• npm config set cache "你的安装目录\node_cache"

安装淘宝镜像

1. 检查现在的镜像地址：npm config get registry
2. 清空缓存：npm cache clean --force
3. 切换新源：npm config set registry registry.npm.taobao.org
4. 查看npm配置修改是否成功：npm config list

配置环境变量

1. 将C:\Users\你的用户名\AppData\Roaming\npm 修改为你的安装目录\node_global
2. 新增系统环境变量：变量名：NODE_PATH，变量值：你的安装目录\node_global\node_modules

安装Vue

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

创建第一个Vue项目

vue init webpack 项目名

根据自己的需求操作：

• 项目名是？回车
• 项目描述？回车
• 作者？回车
• 是否安装编译器 回车
• 是否安装vue-router y 回车
• 是否使用ESLint做代码检查 n 回车
• 是否安装单元测试工具 n 回车
• 单元测试相关 n 回车
• 创建完成后直接初始化 n 回车

启动项目：进入项目目录执行npm run dev命令启动。

访问http://localhost:8080