【环境准备】 Vue环境搭建
文章目录
- 前言
- vue-cli 安装
- 创建项目
- 3.0、以下
- 3.0 、以上
前言
书接上回《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 项目名称