vue ui可视化面板,需要vue-cli3以上的,首先先查看下自己安装的vue版本 (也可通过vue -h查看是否有vue ui命令)
-
vue -V
若是不是3以上,先卸载,然后再安装
-
npm uninstall vue-cli -g -
npm install @vue/cli -g
再通过命令符查看,这是便有了ui命令
接下来使用vue ui打开可视化面板,选择好路径后,点击创建,点击再次创建新项目
来到预设面板,这里以手动配置项目为例
开启图上的功能选项
这里我选择的是vue2,也可直接默认,默认的是vue3,
点击创建项目,下一步会有弹出框显示保存为新预设,这里我选择的是创建项目,不保存预设
下图是创建好的项目的面板