第一步:用vue-cli3.0创建一个项目 vue create projectName 当前步骤就是安装vue-cli3.0,一步步按照程序走安装就好。 第二步:安装vue-cli-plugin-electron-builder vue add vue-cli-plugin-electron-builder 当前步骤安装好后会自动在package.json里生成几行代码如下: WX20220313-155227@2x.png 第三步:运行项目 np...
怎样定制打包,如制作图标、打包格式、安装行为等等,可以参考Electron应用的打包和自动更新--案例实战,非常详细。 由于我们这里使用的是Vue CLI Plugin Electron Builder,打包的配置需要放在vue.config.js中。 // vue.config.js module.exports = { pages: { //多页面打包 ... }, pluginOptions: { electronBuilde...
注意electron_mirror 的路径不是这个 https://registry.npmmirror.com/mirrors/electron/ ,这里卡了蛮久, 网上两种路径都有人写 2:下载 第三方插件到 指定位置:执行 npm run electron:build 打包, 根据命令行的错误提示的去下载要下载的包,下载到下文指定路径下 首次使用electron-builder打包时,会到github上去下载...
怎样定制打包,如制作图标、打包格式、安装行为等等,可以参考Electron应用的打包和自动更新--案例实战,非常详细。 由于我们这里使用的是Vue CLI Plugin Electron Builder,打包的配置需要放在vue.config.js中。 // vue.config.js module.exports = { pages: { //多页面打包 ... }, pluginOptions: { electronBuilde...
cnpm install-g@vue/cli@4.5.4 2、创建项目 vue create electron-vue3 cd electron-vue3 yarn serve 3、在创建vue3的项目中集成Electron 安装模块 https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/#installation vue add electron-builder ...
3、选择用yarn安装electron, macos指令前加sudo有可能会导致 root 访问不到你的 home 目录,在启动项目的时候会报下面的错误 1 yarn add -D electron 4、安装vue-cli-plugin-electron-builder(electron-builder) 1 vue add electron-builder 安装过程中中会让选择版本,我选择版本12 ...
在Electron中使用现代版本的Vue(Vue CLI3),可以按照以下步骤进行: 1. 首先,确保已经安装了Node.js和npm(Node包管理器)。 2. 打开命令行工具,使用以下命令安装...
安装electron的依赖 # yarn yarn add vue-cli-plugin-electron-builder electron # npm 或 cnpm npm i vue-cli-plugin-electron-builder electron 安装完之后完善一些配置,比如别名、eslint、prettier等等基础配置,还有一些颜色、icons等等具体可以看下面的内容. 项目的一些基础配置 eslint 使用eslint主要是规范代码风...
注意:我这里使用的是vuecli3。之前的版本可以参考electron-vue 起步。 一、 创建项目 创建vue项目。 参考我之前的文章vue 之 vue-cli3,创建项目。这里我创建的项目是electron-vue-test。 安装electron,自动安装和手动安装任选其一。 2.1 自动安装,进入到项目根目录,执行:vue add electron-builder,然后选择electron版...
之前用 electron-vue 写过一个半成品的桌面端应用,但是是基于 Vue2 的,最近又想重写点桌面端应用,想要上 Vue3+TypeScript,于是便有了这篇文章总结下具体的搭建过程。 Vue Cli Vue CLI 有一个插件vue-cli-plugin-electron-builder,可以非常方便的搭建 electron 环境。