通过UI面板创建项目

271 阅读1分钟

vue ui可视化面板,需要vue-cli3以上的,首先先查看下自己安装的vue版本 (也可通过vue -h查看是否有vue ui命令)

  • vue -V
    

若是不是3以上,先卸载,然后再安装

  • npm uninstall vue-cli -g 
    
  • npm install @vue/cli -g
    

再通过命令符查看,这是便有了ui命令

image.png
接下来使用vue ui打开可视化面板,选择好路径后,点击创建,点击再次创建新项目

image.png
来到预设面板,这里以手动配置项目为例 image.png
开启图上的功能选项 image.png image.png
这里我选择的是vue2,也可直接默认,默认的是vue3, image.png 点击创建项目,下一步会有弹出框显示保存为新预设,这里我选择的是创建项目,不保存预设 image.png
下图是创建好的项目的面板 image.png