vscode electron安装环境

已于 2022-12-06 15:20:23 修改
阅读量909 收藏
点赞数
分类专栏： electron 文章标签： vscode electron ide
于 2022-12-05 19:21:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/allen1880/article/details/128191779
版权
本文介绍了如何在VSCode中搭建Electron开发环境。首先，安装Node.js的18.12.1 LTS版本，然后通过npm全局安装Electron，解决可能出现的脚本运行禁止问题。接着，下载并安装VSCode，配置Electron的debug环境，并在VSCode的终端运行npm install electron。最后，通过VSCode的debug功能进行应用调试。
摘要由CSDN通过智能技术生成

1. 安装nodejs

Node.js

安装18.12.1LTS版本

安装完成后确认 node –-version

2. 安装electron

npm install electron –g

验证是否安装成功 electron –v

没成功！！！

找解决方案

 

最低0.47元/天 解锁文章
希他爸
关注
专栏目录
支持Win7的最新版VSCODE
04-16
全用户版本意味着这个安装程序会为所有用户设置VSCode，而不仅仅是当前登录的用户，这使得家庭或办公室环境中的多用户共享更加方便。 **标签关联知识点：** 1. **软件/插件** - VSCode不仅是一个编辑器，还允许...
vscode+Electron环境搭建 helloword
chduguxue的专栏
10-17 4006
一个基于Chrome+Nodejs的容器，可以用纯前端的方式实现跨平台的桌面应用开发。代码由js，css，html构成，它支持把整个项目编译成exe。由于它支持Nodejs，所以可以引用dll，那么技术上涉及到跟硬件打交道的事情可以用c#，c++来开发，做成dll再有Nodejs去调用。所以我们可以把electron当作一个快速开发业务逻辑和界面逻辑的手段。底层核心可以用c++做，大大提高了开发效率。
VSCode创建 electron 项目
bigblack12321的博客
10-31 1474
VSCode创建 electron 项目vue+vite项目
VSCode调试Electron
最新发布
weixin_71329368的博客
09-27 701
使用vscode来调试electron主进程，实现断点调试、监视变量，跟踪代码执行，极大地提高开发效率。
Electron杂谈 - 以VS Code为例
过客2019
09-20 843
node，js以及ts对大多数有学习过前端的同学来说都是基本功，不用多说。但还是需要对VSCode使用相关技术框架有所了解。
Electron 搭建开发环境（Windows 11系统）
编程火箭车（Coding Rocket）专注编程领域
05-24 6976
如果想要使用 Electron 进行桌面应用程序开发，首先需要搭建一个开发环境。
Electron的安装与使用
m0_50298323的博客
07-05 6894
Electron的安装与使用
正确安装Electron、Electron-quick-start和Electron Forge
三巧的博客
12-18 3527
正确安装Electron、Electron-quick-start和Electron Forge
vscode编辑器
09-27
同时，对于后端开发者，VSCode可以很好地配合Node.js、Python、Java等后端环境，提供代码提示和调试支持。 在协作方面，VSCode内置的Live Share功能允许开发者实时共享代码编辑会话，团队成员可以一起编辑同一份...
vscode ide portable
05-30
"vscode ide portable" 提到的是便携式版本的VSCode，这意味着用户无需安装，可以直接在任何支持的计算机上运行，不留下配置信息，方便在不同设备间切换工作环境。 VSCode IDE（集成开发环境）的特点： 1. **多...
electron-theme-vscode:Visual Studio Code 的电子颜色主题
05-29
总的来说，“Electron Theme for VSCode”是一个兼顾美观和实用的深色主题，它将Atom的优秀设计带入了VSCode，为开发者提供了一个既舒适又高效的编程环境。无论你是新手还是资深开发者，都可以尝试这款主题，让编程...
VSCode软件，软件编辑工具
03-31
12. **性能优化**：VSCode采用Electron框架构建，兼顾性能与用户体验，启动速度快，内存占用低。 13. **插件系统**：通过插件系统，开发者可以为VSCode添加自定义功能，如Linter、代码分析工具等，进一步提升开发...
vscode+electron开发环境搭建
风雨飘摇不倒
01-12 3508
安装nodejs https://nodejs.org/en/download/releases/ 国外的连接速度慢或者连接不稳定，可以访问阿里镜像Node.js Mirror (taobao.org) Node.js Mirror (taobao.org) 有历史版本，我选择的是node-v12.15.0-x64.msi，安装到c:\debug\nodejs目录 进入nodejs安装目录，>node-v及>npm-v若显示版本号则表示安装成功 之后的步骤具体参考https:..
VS Code是用Electron框架开发的
DpgrMl的博客
09-24 428
Electron是一个基于Chromium和Node.js的开源框架，用于构建跨平台的桌面应用程序。VS Code利用了Electron的这些特性，使得它可以在多个操作系统上运行，并提供类似于Web浏览器的用户界面。除了Electron，VS Code还使用了许多其他的开源组件和库来实现其丰富的功能，例如Monaco编辑器、Node.js和TypeScript等。通过这些组件的集成，VS Code提供了强大的代码编辑和调试功能，以及丰富的扩展生态系统。的文件作为应用程序的主界面。
使用VSCode调试Electron应用程序：一次卓越的开发体验
gitblog_00061的博客
06-11 626
使用VSCode调试Electron应用程序：一次卓越的开发体验 去发现同类优质开源项目:https://gitcode.com/ 1、项目介绍 在寻找一个便捷、高效的方式来调试你的Electron应用吗？Debugging Electron in VSCode项目提供了一种全新的解决方案。这个开源项目专注于帮助开发者利用Visual Studio Code（VSCode）的强大功能，对基于Ele...
VSCode自动化：实现点击VSCode图标——基于Electron框架的应用程序的UI自动化
zc180248的博客
07-10 1140
VSCode的界面元素跟谷歌浏览器一样，可以使用selenium来进行定位和模拟用户操作。
Electron开发的十大神级产品，vscode、atom、skype、figma等
贝格前端工场的博客
02-03 2368
Hi、我是贝格前端工场，今天分享一下基于Electron的十大著名产品，欢迎友友们补充。
VSCode 如何运行调试全局安装的 Electron
Likianta 的博客
04-05 4435
背景 已安装 nodejs, npm, 以及 vscode npm 全局安装位置已变更为 “D:/programs/nodejs/npm_node_modules/” 已在 全局 安装 electron, 并未在项目下安装 electron 测试项目为 “Electron 初体验”, 路径位置: “D:/workspace/test_room/electron_foretaste” 需求与预期...
如何在银河麒麟操作系统上搭建 Electron （含 Electron 打包指南）
LKHzzzzz的博客
08-08 2126
随着跨平台应用开发的需求日益增长，Electron 和 Qt 成为了两种广受欢迎的选择。Electron 以其简单易用、快速开发的特点吸引了众多前端开发者，而 Qt 则因其强大的图形界面支持和高效的性能表现受到了许多专业软件开发者的青睐。银河麒麟操作系统作为一款基于 Linux 的国产操作系统，其安全稳定的特点使得它成为了政府机构和企业用户的优选。
vscode electron
08-26
VSCode Electron是一种使用VSCode作为开发工具和Electron作为应用框架的开发环境。通过VSCode Electron，可以使用VSCode的调试功能来开发、运行和调试Electron应用程序。 在使用VSCode运行Electron项目之前，你需要确保已经安装了Node.js、npm以及VSCode本身。接下来，你需要在VSCode中打开你的Electron项目文件夹。 你可以使用以下步骤来启动VSCode Electron项目： 1. 打开VSCode，并点击菜单中的“文件”>“打开文件夹”选项。 2. 在文件浏览器中，选择你的Electron项目文件夹，比如"D:/workspace/test_room/electron_foretaste"。 3. 在VSCode的编辑器中，你可以看到项目的目录结构，包括index.html、package.json和main.js等文件。 4. 确保你已经在全局安装了Electron，你可以运行以下命令进行全局安装：npm install -g electron。 5. 接下来，你可以点击VSCode的调试按钮，选择“启动调试”或按下F5键来运行你的Electron项目。 6. 预期情况下，你应该能够看到Electron应用程序的界面在VSCode中启动，如你所期望的那样。 总结起来，通过VSCode Electron可以方便地使用VSCode作为开发工具来开发、运行和调试Electron应用程序。你只需要打开项目文件夹，确保已经全局安装了Electron，并点击调试按钮或按下F5来启动你的项目。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [VSCode 如何运行调试全局安装的 Electron](https://blog.csdn.net/Likianta/article/details/89048938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值