介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 使用Vue 脚手架之后我们开发的页面将是一个完整系统(项目)
环境准备
# 1.下载nodejs
http://nodejs.cn/download/
# 2.配置nodejs环境变量
1.windows系统:
计算上右键属性----> 高级属性 ---->环境变量 添加如下配置:
NODE_HOME= nodejs安装目录
PATH = xxxx;%NODE_HOME%
2.macos 系统
推荐使用.pkg安装直接配置node环境
# 3.验证nodejs环境是否成功
node -v
安装脚手架
Vue Cli官方网站
https://cli.vuejs.org/zh/guide/
安装vue Cli 脚手架
npm install -g vue-cli //安装2.x版本脚手架,默认为2.9.6
npm install -g @vue/cli //安装3.x版本脚手架 默认为 @vue/cli 5.0.4
卸载对应版本脚手架
npm uninstall -g @vue/cli //卸载3.x版本脚手架
npm uninstall -g vue-cli //卸载2.x版本脚手架
查看本地脚手架的版本vue -V
以 vue-cli 开头的 是2.xxx版本
以 @vue/cli 开头的 是3.xxx版本
vue脚手架版本2项目
第一步:
先查看环境中是否安装了 vue-cli,在终端中输入命令 vue -V ;