运行别人写好的 electron 项目

最新推荐文章于 2023-08-25 11:48:38 发布
最新推荐文章于 2023-08-25 11:48:38 发布
阅读量3k 收藏
点赞数
分类专栏： electron 文章标签： github electron git
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33712555/article/details/73611827
版权

如果你想运行一个别人写好的 electron 项目，该怎么做呢？

别人写好的 electron 项目，有很多的文件夹。这时，需要用特殊的方法查看该程序。那么应该怎么做呢？

1、下载 electron 项目。以GitHub上这个项目为例 playCode-desktop。

2、gitbub找到项目，复制 项目地址

如下

3、git 命令（首先需安装 git ）git官网

4、命令git clone https://github.com/Meadowcottage/playcode-desktop.git

*5、命令cnpm install，添加其它运行文件

*6、命令cnpm start。此命令一出，程序就可运行起来了。效果如下

效果图

【注意】5，6命令官网给的是npm。cnpm是自己安装的淘宝的镜像命令。不明白的可以参考我的另一篇文章 安装electron

Luskyle
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从零开始搭建Electron项目之运行例程
kissgoodbye2012的博客
06-10 306
最好的学习方式就是：给一段能够运行的代码示例。本文给出了例程资源，以及运行的步骤。在国内开发electron有一点特别不好，就是如果不爬梯子，下载依赖容易出错。
Electron的安装与使用
m0_50298323的博客
07-05 6007
Electron的安装与使用
如何运行vue项目(超详细图解）
热门推荐
沐沐
04-10 1万+
📖本篇超级详细案例截图教学 如何运行别人的，图片点击可放大仔细看。
Electron的运行流程、主进程与渲染流程
越陌度阡
04-14 2361
1. 运行流程 1. 确定应用程序的起点； 2. 启动应用程序并创建一个渲染进程； 3. 为应用程序布局和添加样式； 4. 使用IPC在主进程中执行任务并从主进程中获取信息； 2. 主进程与渲染流程 package.json 中定义的入口被称为主进程，在主进程中实例化 BrowserWindow 创建的 Web 页面被称为渲染进程。 一个 Electron 应用只有一个主进程，但是可以有多个渲染进程， 每个 Electron 中的 web 页面运行在它自己的渲染进程中。 主进程使用 ..
Electron 开始运行及示例项目简要介绍
zhichaosong的博客
05-21 2340
Electron 是基于 Chromium 和 Node.js 的开源项目, 让你可以使用 HTML, CSS 和 JavaScript 构建桌面应用程序，兼容 Mac、Windows 和 Linux。 文章目录一、运行项目二、快捷键三、项目目录3.1 package.json 一、运行项目 Electron官网：https://www.electronjs.org/ # 克隆示例项目的仓库 $ git clone https://github.com/electron/electron-quick-s.
成功启动electron-egg项目，electron+vue的傻瓜式搭建
三巧的博客
12-23 8966
electron-egg项目的初步使用
electron + vue 项目运行打包配置文档
01-08
vue-cli 初始化vue项目构建 vue init webpack project-name electron 配置源码： ...3. 在已建好vue-cli项目中，安装electron依赖：** npm install electron --save-dev npm install electron-packager --save-de
electron项目配置
06-06
在电子（Electron）开发中，项目的配置是至关重要的，因为它影响着应用的构建、打包、运行和部署等环节。以下将详细解析标题为“electron项目配置”的相关知识点，包括描述中提到的文件以及标签涉及的技术领域。 1....
vue2+elementui+electron项目配置
06-06
Electron通过将Chromium浏览器引擎与Node.js运行环境结合，实现了前端和后端的统一，使得Web开发者可以轻松地开发桌面应用。 在`vue2+elementui+electron`项目配置中，首先需要确保你已经安装了Node.js和npm，因为...
vue+electron 的项目
06-16
开发者可能已经预先配置好了项目结构，使得开发者可以快速地开始编码和运行项目。 描述中提到 "桌面应用程序"，这意味着最终的产品将在用户的计算机上本地运行，提供类似原生应用的体验。"npm run dev或者npm run ...
基于 Vue 的 Electron 项目搭建过程图文详解
10-15
主要介绍了基于 Vue 的 Electron 项目搭建过程，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
运行一个最简单的 electron 项目
奔跑的QQEE的笔记
06-22 3938
假如你是个 electron 项目开发的新手。费了九牛二虎之力写了如下一个简单的项目。~appName —-main.js —-index.html —-package.jason可是尴尬了，不知道怎样查看效果。没关系，我教你。1、安装 electron。不懂怎么安装请参考我的一篇文章 安装electron。2、转到这个项目 appName 内。3、electron .，即可。如果你的项目有一
Electron项目的运行和启动
u013896513的博客
08-21 387
大家从仓库上pull下来一个新的electron项目，运行后可能都遇到过这样的报错“fh_node_api.node is not a valid Win32 application”electron目录npm install下载依赖包后，启动项目报错“fh_node_api.node is not a valid Win32 application”。fh_node_api.node是x86的架构方式，npm install默认下载下来的electron依赖包是64位，需要指定下载32位。
Electron入门，项目运行，只需四步轻松搞定。
qq_41792374的博客
08-18 1717
桌面应用
Electron 的使用
最新发布
subsistent的博客
08-25 151
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入Chromium和Node.js到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验。
electron介绍和快速创建工程（一）
黄彪博客
02-06 930
文章目录electron 是什么why electron开发环境安装开发第一个 electron 桌面应用克隆 https://github.com/electron/electron-quick-startelectron-forge 脚手架手动创建 electron 工程步骤描述启动流程 electron 是什么 electron由Node.js+Chromium+Native APIs构成。...
electron-vue项目从搭建、运行到打包（以及electron-vue的bug修改）
欢迎来到iceseasyh的博客
12-12 3996
electron-vue 的项目搭建、运行到打包
简单使用electron
qq_44309360的博客
08-25 1338
electron学习记录
前端系列——Electron工程构建（普通工程，Vue集成）
qq_51553982的博客
08-08 3199
如果你想要直接以项目的方式学习构建，请不要看上面的创建Electron工程，而是直接看“项目中构建Electron工程”
vue项目写electron的下载版本
07-15
如果您想要使用Vue.js框架来开发Electron应用程序，您可以使用vue-cli-plugin-electron-builder插件来方便地集成Electron和Vue.js。 该插件可以帮助您创建一个基于Vue.js的Electron项目，并提供了一些命令和配置选项来构建和打包应用程序。您可以按照以下步骤进行操作： 1. 首先，确保您已经全局安装了vue-cli： ``` npm install -g @vue/cli ``` 2. 创建一个新的Vue项目： ``` vue create my-electron-app ``` 3. 进入项目目录： ``` cd my-electron-app ``` 4. 添加vue-cli-plugin-electron-builder插件： ``` vue add electron-builder ``` 5. 根据提示进行配置选择，例如选择使用原生Node模块等。 6. 完成插件安装后，您可以使用以下命令来启动开发服务器： ``` npm run electron:serve ``` 7. 若要构建和打包应用程序，可以运行以下命令： ``` npm run electron:build ``` 该命令将生成用于各个平台的可执行文件，并将其输出到`dist_electron`目录中。 请注意，具体的Electron版本取决于您在项目中使用的依赖版本。在这种情况下，vue-cli-plugin-electron-builder将为您处理Electron的下载和管理。 希望这能帮助到您！如果您有任何其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值