electron教程（一）创建项目

已于 2024-07-02 15:05:37 修改
阅读量900 收藏 6
点赞数 4
分类专栏： electron 文章标签： electron javascript 前端
于 2024-07-02 15:03:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48082900/article/details/140101549
版权

一、方式①

根据官网描述将electron/electron-quick-start项目克隆下来并启动

electron/electron-quick-start地址：

GitHub - electron/electron-quick-start: Clone to try a simple Electron app

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

一、方式②

创建自己的项目

1.cmd打开运行窗口
mkdir demo-electron-app && cd demo-electron-app
npm init
2.根据提示确认

 3.修改package.json文件
{
  "name": "demo-electron-app",
  "version": "1.0.0",
  "description": "my-app",
  "main": "main.js",
  "scripts"
最低0.47元/天 解锁文章
第二讲 Electron项目创建的几种形式介绍
星火燎猿
07-30 968
Electron项目创建的几种形式介绍快速创建Electron项目使用git仓库快速克隆项目并创建下载项目使用npm进行项目生成使用Electron-forge搭建一个项目纯手工搭建一个Electron项目 快速创建Electron项目 该篇文章主要讲解怎么快速创建一个electron项目并将它运行起来，完成我们electron的第一个hello world事例，以后的课程事例我将使用vscode进行代码创建和演示，如果你还没有下载，请先下载最新的安装！为了让大家学习不那么杂乱，本教程的所有安装都是用npm
如何利用react框架快速创建一个electron项目
weixin_43354152的博客
06-30 980
如何利用create-react-app工具快速搭建一个react框架下的electron项目。
electron项目搭建
qq_55139096的博客
07-25 1185
这两个"服务器"之间通过JS Bridge进行通信(即：contextBridge),在主进程的preload预加载中可以同时访问到浏览器进程的window对象和主进程的electron api。此时，我们可以经由ipcRerender(electron中从渲染进程（网页）向主进程发送同步和异步消息的api)将electron的api挂载到window对象上，以便在浏览器进程中使用)，然后在主进程中通过ipcMain(处理从渲染器进程（网页）发送的异步和同步消息。)监听即可达到进程通信的目的。
创建Electron项目
01-10 735
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桌面应用开发：创建应用
最新发布
m0_73500130的博客
03-05 1515
Electron是一个由 GitHub 开发并开源的框架，允许开发者使用构建跨平台的桌面应用程序。它结合了和Node.js，使得开发者可以轻松地将 Web 应用程序转换为原生桌面应用。Electron支持 Windows、macOS 和 Linux 三大主流操作系统，开发者只需编写一次代码即可在多个平台上运行，同时可以直接复用现有的前端技术栈和工具链（如React,Vue,Angular等），轻松集成各种npm包，它还内置，开发者可以直接调试界面和逻辑，提高开发效率。
Electron创建项目
weixin_51267246的博客
01-28 1387
在vscode下创建一个electron项目
【Electron】Electron开发入门（二）：创建项目Hello Word
weixin_30817749的博客
09-27 408
创建简单的Electron程序 1、首先，切换到你的项目空间，我的在 D:\ProjectsSpace\ElectronProjects\ElectronTest，ElectronTest是案例项目文件夹 ①、打开cmd，切换到自己的项目文件目录 然后输入命令 npm init创建 package.json文件， 然后按照步骤一步一步来，一直到最后 最后...
手动创建electron项目
aliven1的博客
05-24 561
创建文件夹eletrondemo01；内部文件index.html：渲染进程；main.js：主进程 Npm init –y：初始化package.json文件。npm install electron –save-dev:使electron作为工具使用，从而有代码提示 项目初始化代码： const {app,BrowserWindow}=require('electron') const path=require('path') const createWindow=()=>{ con.
第十一章：Electron-Vue创建项目
2401_84434954的博客
04-27 1065
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】})开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】[外链图片转存中…(img-hlEdgwfB-1714199063501)]
window10 Electron+Vue 最简单的原生项目创建，从环境搭建到打包
weixin_47219632的博客
12-13 1765
window10 Electron+Vue 最简单的原生项目创建，从环境搭建到打包
Electron项目创建的三种方法
越陌度阡
04-14 7704
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安装及项目创建
Clairesean的博客
10-13 1440
介绍了nodejs安装配置，Electron安装及项目创建
全网最全搭建Electron项目的各种方式及错误解决
u011296285的博客
04-23 6275
如果你只是想体验下electron，或者测试一些官方文档中示例代码，则可以选择方式一、二创建项目。如果想要打包功能开箱即用，并且不包含过多的其他依赖，那么选择方式四、方式五搭建是最好的。reactvuevitewebpackpiniavue-router等。方式三(官方脚手架)不太推荐，由于大陆网络原因，经常会遇到依赖安装失败，和打包失败的问题，当然，如果你有梯子那就无所谓了。
【electron学习一】创建electron项目
canonwith的专栏
09-08 365
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项目的三种方式
陌子曦的专栏
01-07 1520
前期准备，已经安装npm，node请忽略 1. Mac 升级node 到最新版本 https://blog.csdn.net/ssjdoudou/article/details/106175320 2. Mac 安装cnpm sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 3. Mac 安装electron sudo cnpm install -g electron 4. 查看版本号。 electron
Electron项目的创建及编译启动
m0_52364694的博客
09-04 2126
目录 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 简单搭建项目
woyaoshengzhang的博客
07-09 599
【代码】Electron 简单搭建项目。
创建第一个electron项目
weixin_45799605的博客
12-29 991
创建第一个electron项目
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值