} // 创建app应用实例 createApp(App) .use(ElementPlus) .use(Router) .use(Pinia) .mount('#app') }) 目前该electron-vitechat聊天项目已经发布到我的原创作品,有需要的可以去看看。 https://gf.bilibili.com/item/detail/1106312011 electron主线程入口配置 /** * electron主进程入口配置 * @author andy...
将Vue项目的所有文件,包括HTML、CSS、JavaScript和其他静态资源,复制到Electron项目的文件夹中。 步骤三:在Electron的主进程中加载Vue项目。在Electron的主进程中,使用Electron提供的BrowserWindow模块创建一个新的窗口,并加载Vue项目的入口文件。 步骤四:在Electron的渲染进程中运行Vue项目。在Vue项目的入口文件中,创建Vue...
项目说明: electron-vChat聊天是一个基于electron+electron-vue+vue+vuex+Nodejs+vue-router等技术开发的高仿微信pc客户端界面聊天室项目,实现消息发送/表情,图片/视频预览,拖拽上传/粘贴截图发送/微信dll截图,右键菜单、朋友圈/红包/换肤等功能。 预览图: 技术框架: 运用技术:electron + electron-vue + vue 状态管...
公司去年对CDN资源服务器进行了迁移,由原来的通过FTP方式的文件存储改为了使用S3协议上传的对象存储,部门内 @柴俊堃 同学开发了一个命令行脚本工具RapidTrans(睿传),使用睿传可以很方便将本地目录下的资源上传到S3中。 睿传运行时接收两个主要参数,一个为待上传的本地路径,一个为上传到CDN后的路径,我们可以...
先创建vue项目 npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 ...
一、创建项目 这里我使用的是HBuilderX,打开HBuilderX创建一个新的vue项目 创建项目 二、配置入口文件 首先我们现在项目根目录下创建vue.config.js文件,vue.config.js是一个可选的配置文件,避免启动白屏。 module.exports={publicPath:"./"} 接下来我们将依赖引入,在package.json的devDependencies节点中添加 ...
项目搭建 Vue CLI Plugin Electron Builder 是基于Vue Cli的,因此项目的搭建非常方便。 创建vue项目 首先,安装:npm i @vue/cli -g 接着,创建项目:vue create tasky-vue 运行该命令后,会有一系列选择项让我们进行选择,在我们这个项目中,选择如下:
bootstrap () {//模拟调试器实例let mock =newMockAdapter(axios)//mock success requestmock.onGet('/success').reply(200, { msg:'success'})//mock error requestmock.onGet('/error').reply(500, { msg:'failure'})//获取列表(分页) 模拟接收'/flight/getListPage'接口mock.onGet('/flight/getLis...
随着electron快速更新迭代,配合vite.js极速处理能力,二者融合开发跨端应用很受欢迎。 electron-chatgpt一款基于electron整合vite4.x开发vue3桌面端仿制chatgpt会话应用项目。 整个项目采用vue3最新setup语法编码开发。 支持分栏+经典布局、暗黑+亮色主题、封装多开窗口等功能。
在项目根目录下创建一个renderer.js文件,这是Electron的渲染进程文件,用来引入Vue并初始化一个Vue实例: import Vue from 'vue'; import App from './App.vue'; new Vue({ render: h => h(App), }).$mount('#app'); 接下来,创建一个App.vue文件,作为Vue的根组件: ...