vscode electron安装环境

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 安装nodejs

Node.js

安装18.12.1LTS版本

安装完成后确认 node –-version

2. 安装electron

npm install electron –g

验证是否安装成功 electron –v

没成功！！！

找解决方案

 无法加载文件xxx.ps1，因为在此系统上禁止运行脚本。_qq_42541448的博客-优快云博客_ps1 禁止运行脚本

验证 安装成功 electron –v

3. 安装vscode

免费得!

Download Visual Studio Code - Mac, Linux, Windows

下载对应版本安装

安装完成后打开

进行 electron配置。

配置vscode中得debug环境如下

使用 VsCode调试 | Electron

然后在vscode得terminal中运行npm install electron 不要带-g

然后点击debug 图标

然后点击运行

第九讲使用VSCODE调试Electron程序
星火燎猿
08-19 1825
第九讲使用VSCODE调试Electron程序介绍调试主进程调试渲染进 介绍 前面学员反馈说程序执行的时候遇到问题没办法调试，这节课程主要给大家介绍如何利用vscode来调试我们的Electron程序。前面课程我们已经介绍过，Electron程序包括主进程和渲染进程两部组成。开发过程中调试对于开发人员来说是必不可少的，今天我们就来讲一讲如何利用Vscode调试Electron程序，让你在以后的开发中遇到问题能够快速定位并解决问题！ 调试主进程 首先我们打开vscode如下图所示点击左侧虫子一样的图片
VS Code是用Electron框架开发的
DpgrMl的博客
09-24 564
Electron是一个基于Chromium和Node.js的开源框架，用于构建跨平台的桌面应用程序。VS Code利用了Electron的这些特性，使得它可以在多个操作系统上运行，并提供类似于Web浏览器的用户界面。除了Electron，VS Code还使用了许多其他的开源组件和库来实现其丰富的功能，例如Monaco编辑器、Node.js和TypeScript等。通过这些组件的集成，VS Code提供了强大的代码编辑和调试功能，以及丰富的扩展生态系统。的文件作为应用程序的主界面。
vscode+Electron环境搭建 helloword
chduguxue的专栏
10-17 4180
一个基于Chrome+Nodejs的容器，可以用纯前端的方式实现跨平台的桌面应用开发。代码由js，css，html构成，它支持把整个项目编译成exe。由于它支持Nodejs，所以可以引用dll，那么技术上涉及到跟硬件打交道的事情可以用c#，c++来开发，做成dll再有Nodejs去调用。所以我们可以把electron当作一个快速开发业务逻辑和界面逻辑的手段。底层核心可以用c++做，大大提高了开发效率。
VSCode创建 electron 项目
bigblack12321的博客
10-31 1813
VSCode创建 electron 项目vue+vite项目
ide-electron：下一代桌面IDE解决方案
最新发布
gitblog_00601的博客
03-29 669
ide-electron：下一代桌面IDE解决方案 ide-electron OpenSumi Electron Version 项目地址: https://gitcode.com/gh_mirrors/id/ide-electr...
vscode+electron开发环境搭建
风雨飘摇不倒
01-12 3683
安装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:..
使用VSCode调试Electron应用程序：一次卓越的开发体验
gitblog_00061的博客
06-11 700
使用VSCode调试Electron应用程序：一次卓越的开发体验 去发现同类优质开源项目:https://gitcode.com/ 1、项目介绍 在寻找一个便捷、高效的方式来调试你的Electron应用吗？Debugging Electron in VSCode项目提供了一种全新的解决方案。这个开源项目专注于帮助开发者利用Visual Studio Code（VSCode）的强大功能，对基于Ele...
VSCode调试Electron
weixin_71329368的博客
09-27 1156
使用vscode来调试electron主进程，实现断点调试、监视变量，跟踪代码执行，极大地提高开发效率。
vscode electron
08-26
VSCode Electron是一种使用VSCode作为开发工具和Electron作为应用框架的开发环境。通过VSCode Electron，可以使用VSCode的调试功能来开发、运行和调试Electron应用程序。 在使用VSCode运行Electron项目之前，你需要...
Electron教程3_使用VSCode来调试Electron
随风漂浪的博客
04-18 1368
Electron教程3_使用VSCode来调试Electron1. 使用VSCode打开项目的文件夹2. 点击debug 功能3. 自动创建launch.json 文件4. 修改launch.json中的启动内容5. 重新启动debug功能，启动electron项目 1. 使用VSCode打开项目的文件夹 2. 点击debug 功能 3. 自动创建launch.json 文件 4. 修改l...
Electron + Vue + Vscode构建跨平台应用——Electron + Vue环境搭建
ygx_07的博客
03-05 581
1. 配置Vue.js解释环境：Node.js的安装与配置 2.配置npm或者cnpm 以上在 MyEclipse安装Vue已经完 3.安装配置vue-cli——帮助快速构建Vue项目 cnpm install --global vue-cli 注：笔者不是在c盘运行的命令，因为出现了错误，我是在安装cnpm的位置中执行命令 输入vue 运行成功 4.安装配置Electron——使得Vue可以运行在浏览器中 4.1Electron官网 4.2 cnpm inst...
Electron快速入门（一）：用VS Code快速创建html+js+css编写的项目
lulei5153的博客
06-20 677
Electron快速入门：用VS Code快速创建html+js+css编写的项目：创建3个文件输入3个命令完成一个初始项目
使用VSCode调试Electron
01-08
1、点击VSCode左侧的调试按钮打开调试配置面板，然后点击“自定义运行和调试创建launch.json文件”，若出现选择下拉框，则选择“Node.js调试器”，没出现则不用管； 2、此时项目文件夹中的.vscode文件夹中就会多一个文件launch.js，修改该文件代码如下所示： { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 version: 0.2.0, configu
window配置Electron+VSCode完整环境
qq_36651243的博客
04-27 1932
Electron官方网站传送门 环境准备 windows环境 NodeJS环境 NodeJS下载 安装cnmp（比nmp稳定，nmp能用可以无视） npm install cnpm -g --registry=http://registry.npm.taobao.org 如果安装了cnmp，后续的指令中nmp换成cnmp Electron环境搭建 全局安装Electron npm install electron -g 全局安装指定版本号(@^版本号) npm install electron@^1
Electron(二)安装vscode工具与接受消息操作
chuigu0767的博客
02-15 192
安装前提是大家都已经搭建成功了electron环境，接下来我们接着上次的内容继续往下走， 本文主要是讲解工具的使用，首先当然是下载vscode ，传送门在这里vscode中文网点击下载就好了啊！ 被我下载下来了 接下来的点击就行了 代码部分已经贴出来了 接下来看第...
VSCode自动化：实现点击VSCode图标——基于Electron框架的应用程序的UI自动化
zc180248的博客
07-10 1637
VSCode的界面元素跟谷歌浏览器一样，可以使用selenium来进行定位和模拟用户操作。
Electron杂谈 - 以VS Code为例
过客2019
09-20 1196
node，js以及ts对大多数有学习过前端的同学来说都是基本功，不用多说。但还是需要对VSCode使用相关技术框架有所了解。
vscode调试Electron项目
chduguxue的专栏
10-17 807
vscode中打开electron项目断点运行配置
第一篇：electron 主线程调试---vscode
z1067832450_的专栏
12-02 745
渲染进程可直接 打开：开发者工具 mac快捷键：option+command+i 以下是主线程调试 VSCode：参考资料使用 VsCode调试 | Electron 1，如下图选择运行与调试按钮：创建 launch.json launch.json 配置： { "version": "0.2.0", "configurations": [ { "name": "Debug Main Process", "type": "nod...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值