怎么用vuecli创立一个vue工程


这篇文章主要介绍“怎么用vuecli创立一个vue工程”,在日常操作中,相信很多人在怎么用vuecli创立一个vue工程问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用vuecli创立一个vue工程”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!vue add electron-builder
// 安装的东西很多,注意网络
// 可以先安装cnpm install –save-dev electron-chromedriver
// 本人安装时,报了很多错,后来隔天新建了个工程,一下子就安装成功了安装成功后,运行npm run electron:serve,假如出现以下页面,说明成功了
// 执行下面的命令就可
npm run electron:build
//在dist_electron目录下会发现一个exe,双击这个exe会执行安装程序。
//还有一个win-unpacked文件夹,里面是我们之前打包的模式,点击里面的electron-vue-my.exe,就可运行常规的配置基本上都在background.js中准备windows和macOS两版图标。windows: app.ico 最小尺寸:256x256macOS: app.png或者app.icns 最小尺寸:512×512
把图标文件放到public目录下:安装组件,cnpm install –save-dev electron-icon-builder准备好你的图标,放到/public/icon.png在package.json的scripts下新添加一条命令
“electron:generate-icons”: “electron-icon-builder –input=./public/icon.png –output=build –flatten”执行,npm run electron:generate-icons,生成一系列图标,把图标复制到public目录。修改vue.config.js,这里我就把修改的部分放出来:打包APPnpm run electron:build删除dist_electron文件夹,重新执行打包命令,npm run electron:build,会发现应用的图标变了
最终在dist_electron目录下生成build后的产品。到此,关于“怎么用vuecli创立一个vue工程”的学习就结束了,希望免费云主机域名能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: C语言的const关键字怎么用

这篇“C语言的c免费云主机域名onst关键字怎么用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“C语言的const关键字怎么用”文章吧。cons…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 02/23 22:03
下一篇 02/23 22:03

相关推荐