vue安装及环境配置

1. Node.js下载官网

推荐直接下载最新版本。

2.双击下载的安装包，点击Next，勾选使用许可协议，点击Next，选择安装位置（根据个人需要选择即可）。出现这个画面，但这个文字的含义是我的电脑已经安装过Node.js，未安装的按照以上步骤进行安装即可。

3.使用 Win + R 调出电脑 cmd控制台 输入 node -v 和 npm -v 验证是否安装成功。

node -v

npm -v

成功输出版本号，即说明Node.js安装成功。

4.在Node.js安装的目录下创建两个空文件夹node_cache和node_global

并执行

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

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

5.进入环境变量，新建【系统变量】

变量名：NODE_PATH

变量值：安装目录\node_modules

6.【系统变量】中的【Path】下：添加两行

%NODE_PATH%

你的路径\node_global

7.镜像安装cnpm

设置npm的registry到阿里云的npm镜像：

npm config set registry https://registry.npmmirror.com/

安装cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com

8.检查cnpm是否安装成功

cnpm config list

cnpm -v

9.安装vue

cnpm install vue -g

npm install -g @vue/cli

10.验证vue安装成功

vue -v

至此vue安装完成。

11.安装webpack

cnpm i webpack webpack-cli webpack-dev-server -g

12.安装脚手架

cnpm install @vue/cli –g

13.创建项目

vue ui

浏览器自动跳转到以下界面，接着一步步自己手动创建项目即可。