以前我构建vue+electron项目都是使用一些模版比如webpack,simulatedgreg/electron-vue等,这些模版在github上,有时候可能因为网络原因下载会慢一些。
后来看到一些文章介绍通过vue ui的方式。vue ui命令会开启一个http服务,然后提供可视化界面来创建项目,然后可以加入一些依赖构建你想要构建的项目,比如electron-vue项目。
这里自己试了一下,发现还是挺好用的。这里需要注意的是,vue ui创建项目需要node版本是一些制定版本,如果版本不对,会出现以下错误:
从错误信息来看,node版本需要12.13.0 、14.15.0 、16.10.0、或者大于17.0.0 。
另外,如果你的vue-cli版本是2.XX,那么你在命令行输入vue ui是不会有任何反应的, vue版本需要3以上,到目前为止,默认的5.x是可以的。可以通过npm install -g @vue/cli --force覆盖安装。我的版本是:@vue/cli 5.0.8。
命令行下输入vue ui,打印如下信息:
同时启动浏览器,打开http://localhost:8000