electron开发环境搭建

最新推荐文章于 2024-04-23 13:55:08 发布
最新推荐文章于 2024-04-23 13:55:08 发布
阅读量243 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41648048/article/details/113882974
版权

欢迎关注我的公众号
在这里插入图片描述
简介
Electron 是 GitHub 发布的跨平台桌面应用开发工具，支持 Web 技术开发桌面应用，其本身是基于 C++ 开发的，GUI 核心来自于 Chrome，而 JavaScript 引擎使用 v8

1.创建一个目录

mkdir electron1

在这里插入图片描述
2.初始化项目

npm init

在这里插入图片描述
3、安装electron

npm install electron --save-dev

4、校验electron是否安装成功
npx electron -v（npm 5.2版本之后）
在这里插入图片描述
5、启动项目
electron
出现如下即成功
在这里插入图片描述

小王你好吖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Electron开发环境搭建
applek_Case的博客
01-16 993
Electron可以用于windows，mac以及linux桌面软件开发，可谓非常棒了，移动端有react，桌面端有Electron，这就很棒。 下面说说如何搭建环境 Electron是基于nodejs和Web开发的，所以需要安装nodejs和一个web开发工具 访问：https://nodejs.org/en/ 下载稳定版本   下载后安装，然后在cmd里面使用npm安装Elec...
搭建electron开发环境
BestFSQ的博客
03-23 5915
第一步、因为elctron需要使用npm安装，所以首先需要安装Node.js。 第二步、新建一个空文件夹，当作应用的根目录，给文件夹起一个名字，这里为app 第三步、点击上图窗口左上角“文件”，选择“打开Windows PowerShell” 第四步、初始化。输入命令："npm init"，如下图所示 这一步中，输入命令"npm init"后，会让你设置一些选项，比如上图中
全网最全搭建Electron项目的各种方式及错误解决
最新发布
u011296285的博客
04-23 1811
如果你只是想体验下electron，或者测试一些官方文档中示例代码，则可以选择方式一、二创建项目。如果想要打包功能开箱即用，并且不包含过多的其他依赖，那么选择方式四、方式五搭建是最好的。reactvuevitewebpackpiniavue-router等。方式三(官方脚手架)不太推荐，由于大陆网络原因，经常会遇到依赖安装失败，和打包失败的问题，当然，如果你有梯子那就无所谓了。
electron怎么打开开发者工具
Alive_tree的博客
09-09 3254
我们都知道electron中集成了Chromium，内部有一个最新版的谷歌浏览器，开发者无需再去考虑浏览器的兼容性，这样我们就可以用最新的语法，es6，es7、flex布局等，但是我们想要打开开发者工具调试的时候，按F12却没反应。 打开开发者工具很简单，只需要 win.webContents.openDevTools() 代码如下 if (process.env.WEBPACK_DEV_SERVER_URL) { if (!process.env.IS_TEST) win.webContents.
Electron 搭建开发环境（Windows 11系统）
编程火箭车（Coding Rocket）专注编程领域
05-24 5750
如果想要使用 Electron 进行桌面应用程序开发，首先需要搭建一个开发环境。
Electron实战之环境搭建
xiangzhihong8的专栏
02-22 2136
工欲善其事必先利其器，在进行实战开发的时候，我们最终的步骤是搞好一个舒服的开发环境，目前支持 Vue 的 Electron 工程化工具主要有 electron-vue、Vue CLI Plugin Electron Builder、electron-vite。接下来我们将分别介绍基于 Vue CLI Plugin Electron Builder 和 electron-vite 的开发环境搭建。
详解Angular CLI + Electron 开发环境搭建
08-29
Angular CLI + Electron 开发环境搭建 Angular CLI 是一个强大的命令行界面工具，用于快速构建和维护Angular应用程序。Electron 则是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的框架。在本文中，...
Electron整合React使用搭建开发环境的步骤详解
10-15
以下是对“Electron 整合 React 使用搭建开发环境的步骤详解”的详细阐述。 首先，创建 React 项目。使用 `npx create-react-app doc` 命令，可以快速生成一个基本的 React 项目。进入项目目录 `cd doc` 后，我们...
Electron + React + Node.js + ES6 开发环境全配置好
06-16
"Electron + React + Node.js + ES6 开发环境全配置好" 指的是一个已经配置完整的开发环境，该环境结合了四个关键的技术组件：Electron、React、Node.js 和 ES6。这样的组合常用于构建跨平台的桌面应用程序，因为...
1.Electron开发环境搭建
一起coding，一起嗨。
04-23 3572
前置条件：电脑上的node.js环境正常； #查看node版本 node -v #查看node包管理工具版本 npm -v #查看默认仓库 npm config ls 查看npm仓库，建议使用国内镜像； 一、新建开发目录初始化项目 npm init 会生成一个package.json文件 二、安装electron依赖 npm install electron --save-dev 命令说明： npm install xxx：安装某个module到本地项目的..
01_electron入门
Toutiegongzhu的博客
03-11 841
由于毕业论文可能需要用 electron，所以 Linux 驱动学习慢了下来。
Electron环境搭建
前端程序猿的博客
08-21 1435
它基于Chromium和Node.js，使得开发者可以使用Web技术（HTML、CSS和JavaScript）来构建可在Windows、macOS和Linux等多个操作系统上运行的应用程序。本文介绍了如何搭建Electron环境，并通过一个简单的示例来演示Electron应用程序的创建过程。至此，您已成功搭建了Electron环境，并创建了一个简单的Electron应用程序。您可以根据需要继续开发和扩展，利用Electron丰富的API和功能，构建出功能强大的桌面应用程序。的文件，用于编写渲染进程的代码。
Electron环境搭建详细讲解_window qq使用electron框架，2024年最新涨姿势了
04-17 398
【代码】Electron环境搭建详细讲解_window qq使用electron框架，2024年最新涨姿势了。
Electron实战(一)：环境搭建/Hello World/打包exe
编程架构三分天下：分层、分治、分时序。
02-04 1636
Electron整合Chromium浏览器（跨平台界面容器）和Node.js（跨平台系统能力），实现了一个使用JavaScript的全栈开发环境，逐渐成为开发跨平台桌面应用程序的有力竞争者。–-save-dev/-d/-D 本地安装，安装版本写入package.json的devDependencies。–-save/-s/-S 本地安装，安装版本写入package.json的dependencies。（g代表global全局安装的意思）安装语句时，会将安装的模块安装到。无奈，遇到版本不兼容了！
Electron入门——开发环境搭建
做GIS梦的人
01-28 690
Electron这个框架听起来非常的厉害，可以用JS开发跨平台的应用，最近也来试一试，如果真的像宣传的那样还是非常厉害的。网上的其他的搭建环境都是让全局安装electron和electron-prebuilt模块，这里楼主自己在局部搭建了一下，没有使用全局模块，运行命令也简化了，创建三个文件就可以了。 首先在一个空的文件内，创建package.json文件 { "name": "elec...
electron项目开发环境搭建
魏晋-
08-09 1330
app.whenReady()是app启动后的Promise，使用then可以监听对应的状态，在这个回调里面增加createWindow函数，createWindow新建了一个浏览器窗口，设置宽高，并且使用浏览器窗口加载index.html文件。1. 新建目录命名为electronDemo，使用npm init -y 新建一个前端工程，在package.json中增加一行"main": “main.js”，这行代表应用程序的入口是main.js文件。4. 测试electron项目。
electron vscode环境
07-28
Electron-VSCode 环境是指使用 Electron 框架来构建 Visual Studio Code（简称 VSCode）的开发环境。VSCode 是一个轻量级的代码编辑器，而 Electron 是一个跨平台的桌面应用程序开发框架。将这两者结合起来，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值