1、Vue CLI 介绍、的 Vue2x环境搭建

 

Vue CLI3 和Vue CLI2 以及 及Vue2.x Vue3.x ，以及 Vue CLI2 升级到 Vue CLI3

一、 关于 Vue CLI3 和 和 Vue CLI2 以及 Vue2.x Vue3.x
Vue Cli 安装 vue 的脚手架工具，也就是官方命令行工具，可以用命令快速创建项目。
注意：Vue CLI 3 是 Vue CLI 2 的升级版本，并不是 Vue3.0 。 Vue3.0 目前（2019 年
3 月 5 日）还没有正式发布。Vue CLI 3 和老版本的 Vue ClI 创建的项目方式是不一样的，
创建项目的用法是一样的。Vue CLI 3 在项目编译速度上面做了一些优化。无论你用哪个版
本的 ClI，Vue3.0 发布之前写代码的方式都是一样的。目前 Vue3.0 还在重写中，暂时还没
有任何消息，Vue3.0 发布后我们会第一时间更新教程。

 

二、 关于 Vue CLI 目 旧版本的安装以及创建项目 （ 目前可以继
续使用）
1、搭建 vue 的开发环境 ，安装 vue 的脚手架工具 官方命令行工具
npm install --global vue-cli / cnpm install --global vue-cli
2、创建项目 必须 cd 到对应的一个项目里面
vue init webpack vue-demo01
cd vue-demo01
cnpm install / npm install
npm run dev
3、另一种创建项目的方式 （推荐） ***
vue init webpack-simple vuedemo02
cd vuedemo02
cnpm install / npm install
npm run dev

三、 Vue CLI 3 的安装以及创建项目：
Vue Cli3 官网：https://cli.vuejs.org/zh/guide/installation.html
Node 版本要求：Vue CLI 3 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm
或 nvm-windows 在同一台电脑中管理多个 Node 版本
1 、装 装 vue 的脚手架工具 （Vue Cli3 ） 官方命令行工具
npm install -g @vue/cli
或者：cnpm install -g @vue/cli
或者：yarn global add @vue/cli
2 、 创建项目 必须 cd 到对应的一个项目里面
vue create hello-world
运行：npm run serve
编译：npm run build

四、 Vue CLI 3 图形化界面创建项目