01.electron-(创建项目)

最新推荐文章于 2024-09-25 08:32:50 发布
最新推荐文章于 2024-09-25 08:32:50 发布
阅读量1.5k 收藏
点赞数
分类专栏： 桌面应用electron 文章标签： 桌面应用 electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44659458/article/details/123937004
版权
本文介绍了三种创建Electron桌面应用的方法：克隆仓库、使用electron-forge和手动创建。详细步骤包括克隆官方仓库、运行安装命令以及通过npx创建新项目。
摘要由CSDN通过智能技术生成

克隆仓库创建 electron 项目

git clone https://github.com/electron/electron-quick-start

cd electron-quick-start

npm install && npm start

使用 electron-forge 搭建 electron 项目

npx create-electron-app 项目名

cd 项目名

npm start

手动创建 electron 项目

主进程main.js

const {
    app, BrowserWindow } = require
了解本专栏 订阅专栏 解锁全文 超级会员免费看
你听雪飘过的声音
关注
专栏目录
订阅专栏
【electron学习一】创建electron项目
canonwith的专栏
09-08 307
1、在使用Electron进行开发之前，您需要安装Node.js，有条件的，最好yarn也一起安装 2、创建一个文件夹并初始化 npm 包。 （1）cd到新项目所在路径， 执行mkdir my-electron-app && cd my-electron-app，该路径下就会出现一个名为“my-electron-app”的文件夹。 （2）执行npm init，按照提示填写项目的基本信息，（其中entry point应为main.js，author与description可为...
【electron跨平台开发02】IDEA 配置electron开发环境
applek_Case的博客
01-19 7964
IDEA是一款集成开发环境，软件支持几乎所有的编程语言。electron基于nodejs，理论上来说，只要支持JavaScript的IDE都可以开发electron程序，不过我接触的编程语言比较多，IDEA可以满足全部开发需求，懒得用各种各样的开发工具了，一个就好。 首先保证你安装了nodejs环境，和下载了electron。不知道怎么安装可以看https://www.lovestu.com/el...
【Electron】Electron开发入门（二）：创建项目Hello Word
weixin_30817749的博客
09-27 378
创建简单的Electron程序 1、首先，切换到你的项目空间，我的在 D:\ProjectsSpace\ElectronProjects\ElectronTest，ElectronTest是案例项目文件夹 ①、打开cmd，切换到自己的项目文件目录 然后输入命令 npm init创建 package.json文件， 然后按照步骤一步一步来，一直到最后 最后...
ElectronIDE 项目教程
最新发布
gitblog_00415的博客
09-25 894
ElectronIDE 项目教程 ElectronIDE New web based Arduino IDE 项目地址: https://gitcode.com/gh_mirrors/el/ElectronIDE ...
Electron创建项目
weixin_51267246的博客
01-28 1357
在vscode下创建一个electron项目
创建Electron项目
01-10 698
1：执行npm init 命令，生成package.json { "name": "my-electron-app", "version": "1.0.0", "description": "Hello World!", "main": "index.js", "author": "Jane Doe", "license": "MIT", "scripts": { "start": "electron ." }, "devDependencies": {
Electron 手动创建项目
朝阳39的博客
06-20 270
新建项目文件夹，如 my-electron-app 在项目文件夹中，安装Electron相关依赖包 npm init -y npm i --save-dev electron 会自动生成文件 package.json，将其内容修改为： { "name": "my-electron-app", "version": "0.1.0", "author": "your name", "description": "My Electron app", "main".
electron教程（一）创建项目
i-cat的博客
07-02 762
通过electron创建一个自己的app
Node.js-electron-serve为Electronapps提供静态文件服务
08-10
`electron-serve`是由Sindre Sorhus创建的一个小型模块，专门设计用于在Electron应用中便捷地提供静态文件服务。这个库简化了加载本地HTML、CSS、JavaScript和其他资源的过程，使得开发者无需手动处理文件系统操作或...
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，实现了一个完整的远程更新流程，包括检查更新、下载更新以及自动安装更新。以下将详细介绍这三个组件的功能和实现方式。 **1....
electron-v2.0.18-win32-x64.zip
07-26
Electron Vue是基于Electron和Vue.js的一个集成开发环境，它为创建 Electron 应用提供了一个方便的脚手架。开发者通常会使用它来构建具有现代前端开发流程的桌面应用。"C:\Users\Administrator\AppData\Local\...
Node.js-electron-simple-updater自动更新electron应用
08-10
Electron 是一个允许开发者使用 JavaScript、HTML 和 CSS 创建跨平台桌面应用的框架，而 `electron-simple-updater` 是一个简洁易用的模块，它简化了在 Electron 应用程序中集成更新检查和下载过程。 描述 ...
【Electron】创建项目Hello Word
bug制造者
06-11 1966
创建简单的Electron程序 项目结构：F:\\Electron\test\1.创建 package.json文件①打开cmd，切换到自己的项目文件目录 ，我的在 F:\Electron\test是案例项目文件夹 ②然后输入命令 cnpm init， ③然后按照步骤一步一步来，一直到最后 内容为：{ "name": "package.json", "version": "1.4.0", ...
electron项目搭建
qq_55139096的博客
07-25 1036
这两个"服务器"之间通过JS Bridge进行通信(即：contextBridge),在主进程的preload预加载中可以同时访问到浏览器进程的window对象和主进程的electron api。此时，我们可以经由ipcRerender(electron中从渲染进程（网页）向主进程发送同步和异步消息的api)将electron的api挂载到window对象上，以便在浏览器进程中使用)，然后在主进程中通过ipcMain(处理从渲染器进程（网页）发送的异步和同步消息。)监听即可达到进程通信的目的。
Electron项目的创建及编译启动
m0_52364694的博客
09-04 2066
目录 1 创建项目 1.1 使用cnpm加速下载 1.2 为什么不使用SimulatedGREG/electron-vue 1.3 安装/升级vue-cli3 1.4 创建vue项目 1.5 自动安装electron 1.6 手动安装electron 1.7 编译并启动APP 2 配置项目 2.1 配置ESLint代码格式检查工具 2.2 配置vue 3 项目基本设定 3.1 主进程和渲染进程简介 3.2 APP窗口大小 3.3 取消跨域限制 3.4 取消菜单栏 3.5 设置APP窗口图标 3.6 设置AP
Electron安装及项目创建
Clairesean的博客
10-13 1389
介绍了nodejs安装配置，Electron安装及项目创建
创建Electron应用
lonerwolfs的博客
07-22 422
创建 Electron 应用 步骤 官方文档地址 https://www.electronjs.org/docs 应用标准目录 my-electron-app ├── package.json ├── main.js ├── preload.js └── index.html 为项目安装 Electron 新建文件夹 使用 cmd 命令行中进入文件夹（也可命令行中创建文件夹） 1.mkdir my-electron-app-name && cd my-electron-a
Electron项目创建的三种方法
越陌度阡
04-14 7411
1. 克隆仓库，快速启动 1. 克隆项目 git clone https://github.com/electron/electron-quick-start 2. 进入这个项目下 cd electron-quick-start 3. 安装依赖 npm install 4. 运行项目 npm start 打开快速启动的项目，主要有以下几个文件： (1). index.html ，渲染进程； (2). render.js，渲染进程，在index.html中引用； (3). ma
Electron 入门 - 创建应用的全流程 - npm 踩坑版
northcastle的博客
03-26 824
Electron 入门应用创建
electron-vite创建项目
03-30
1. 首先，确保你已经安装了 Node.js 和 npm。 2. 打开终端（Terminal）或者命令提示符（Command Prompt），使用以下命令安装 Vite： ``` npm install -g vite ``` 3. 使用以下命令创建一个新的 Vue 项目，并进入项目目录： ``` npm init vite-app my-app cd my-app ``` 4. 使用以下命令安装项目依赖： ``` npm install ``` 5. 使用以下命令启动开发服务器： ``` npm run dev ``` 6. 打开浏览器，访问 http://localhost:3000 即可查看项目运行效果。 7. 如果需要打包项目，可以使用以下命令： ``` npm run build ``` 打包后的文件将会保存在项目根目录的 dist 目录下。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你听雪飘过的声音

您的鼓励将是我前进的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值