vue-cli 3.0 的候选版本也已经发布多时了。vue-cli 3.0 版本为我们提供了集 创建、管理、分析 为一体的可视化界面vue ui。

1、安装最新版的vue-cli脚手架

1.1安装方式一

npm install -g @vue/cli

1.2 安装方式二

yarn/npm 安装（二选一）

yarn global add @vue/cli

2、检查vue-cli版本

vue -V

3、运行 vue ui

vue ui

运行vue ui后出现如下图所示：

image.png

默认访问地址为 http://localhost:8000

接下来点击【创建】就可以根据提示一步一步的进行项目的初始化创建操作了。

4、项目启动

4.1界面启动

点击左侧最后一个【任务】按钮，点击【serve】按钮后就可以启动服务，服务启动成功后，如下图所示：

image2.png

4.2命令行启动

npm run server

注意，之前vue-cli2.x的写法是

npm run dev

5、项目打包

npm run build

6、卸载vue-cli2.x版本

安装vue-cli3需要先卸载之前安装的版本，命令如下：

npm uninstall -g   vue-cli