【环境准备】 Vue环境搭建

---

前言

书接上回《NodeJs(压缩包版本)安装与配置》，安装完了NodeJs，接下来就要配置vue的环境了。

---

vue-cli 安装

安装vue-cli输入如下命令

#（安装的是最新版）
npm install -g @vue/cli  
#（指定版本安装【指定版本为3.0以下版本】，其中2.9.6为版本号）
npm install vue-cli@2.9.6 
#（指定版本安装【指定版本为3.0以上版本】，其中3.11.0为版本号）
npm install -g @vue/cli@3.11.0 

由于安装的是压缩包版本的NodeJs，所以现在的vue-cli还不能使用。需要配置一下vue环境变量
输入npm config list 查看vue-cli的安装位置

将vue.cmd所在的路径配置到环境变量。

打开cmd窗口输入vue -V（注意-V中的V要大写）

创建项目

3.0、以下

# webpack安装
npm install webpack@3.6.0 -g
# 创建项目
vue init webpack demo

3.0 、以上

vue create 项目名称