虽然是vue3.x版本,但是大部分的代码还是采用了vue2.x的语法去编写,这样让没有学过vue3的同学们,看起来更直观一点 Electron是一个用于构建跨平台桌面应用程序的开源框架,由 GitHub 开发和维护。它允许开发者使用HTML、CSS和JavaScript等前端技术,结合 Node.js 和 Chromium,创建可以在Windows、macOS和Linux上运行的桌...
1.使用vite 构建 electron项目 创建一个vite 项目 npm init vite@latest 1. 安装electron npm install electron -D npm install vite-plugin-electron -D 1. 2. 根目录新建 electron / index.ts 修改vite.config.ts 配置文件 引入electron插件配置main entry对应electron的文件 import { defineConfig } from 'vi...
1. vue3+electron开发桌面软件入门与实战(0)——创建electron应用 2. vue3+electron开发桌面软件入门与实战(1)——创建electron+vue3主体项目 3. vue3+electron开发桌面软件入门与实战(2)——创建electron+vue3项目级集成 4. 后续章节请查看专栏 复习 前面的文章讲解的知识点涵盖:electron项目创建,vue3+vite项目...
简介: electron 内置了 Chromium 和 nodeJS 其中 Chromium 是渲染进程 主要渲染和解析HTML,Nodejs作为主进程,其中管道用IPC 通信 建议视频教程小满Vue3(第三十九章 electron桌面程序)_哔哩哔哩_bilibili Electron官网Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS. 我们用的VsCode 也是...
# 系列文章目录 系列第一篇: vue3+electron开发桌面软件入门与实战(0)——创建electron应用 前言 上一篇文章我们已经介绍过如何通过手动操作注册表的方式,自定义我们的二级级联菜单。下面我们要做的就是,怎么在electron中操作注册表,复现上篇文章实现的功能。 一、nsis脚本 如果你查看过本系列文章:vue3+electron...
electron({//主进程入口文件entry: './src-electron/main.js'}) ],/*开发服务器选项*/server: {//端口port: 3000, } }) 5.新建一个src-electron文件用来写electron的代码,在它下面创建一个main.js文件 用来写主进程代码 //src-electron/main.jsconst { app, BrowserWindow, Menu } = require('electron...
1)一个简单的 Electron 桌面应用都是冲 Hello World! 开始的。 以上是使用 electron-vue 超级迅速制作出来的 electron 桌面应用。 2)安装的组件 vue init simulatedgreg/electron-vue white-electron-first 1. 3)build tool choice ? 构建工具的选择,比较先进的是electron-builder。
在Electron中使用现代版本的Vue(Vue CLI3),可以按照以下步骤进行: 1. 首先,确保已经安装了Node.js和npm(Node包管理器)。 2. 打开命令行工具,使用以下命令安装...
一、Electron框架概述 Electron 是一个开源框架，由GitHub开发并维护，它允许开发者使用Web技术（HTML、CSS和JavaScript）构建跨平台的桌面应用程序。Electron结合了Chromium浏览器引擎和Node.js的强大功能，使得开发者可以利用前端和后端技术来创建高性能的应用程序。以下是关于Electron框架的一些关键点概述：核心特点 跨平台...
yarn electron:build或npm run electron:build 6、可能遇到的错误 如果最后一步提示 error E:\theia\node_modules\electron:Commandfailed.Exitcode:1Command:node install.js 看错误描述应该是网络异常,因为我的是在公司起的项目,有可能做了代理屏蔽,所以大概率是镜像问题,但是我自己重新试试挂载淘宝的NPM的镜像,同...