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后出现如下图所示:
默认访问地址为 http://localhost:8000
接下来点击【创建】就可以根据提示一步一步的进行项目的初始化创建操作了。
4、项目启动
4.1界面启动
点击左侧最后一个【任务】按钮,点击【serve】按钮后就可以启动服务,服务启动成功后,如下图所示:
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