云社区 博客 博客详情

在VSCode中配置launch.json启动Electron程序

倾听dfd 发表于 2020-09-07 18:42:29 2020-09-07
0
0

【摘要】 最近打算开发一个自己用的客户端小软件,Delphi、Qt、C#这些都好久不用了,重新拾起来也要花点时间,对比一下觉得还不如研究一下新的东西,最终选中了Electron。.注:本文的环境为Ubuntu20.04.1LTS,Windows环境会略有不同,后面有提到。.包括以下即将用到的VSCode在内的很多知名软件都是基于Electron开发的,所以Electron肯定是有可取之处...

最近打算开发一个自己用的客户端小软件,Delphi、Qt、C#这些都好久不用了,重新拾起来也要花点时间,对比一下觉得还不如研究一下新的东西,最终选中了Electron。
.
注:本文的环境为Ubuntu 20.04.1 LTS,Windows环境会略有不同,后面有提到。
.
包括以下即将用到的VSCode在内的很多知名软件都是基于Electron开发的,所以Electron肯定是有可取之处的,使用VSCode开发Electron程序,基本上不用配置就可以开始写代码,如果想要体验好一点就安装Nodejs Snippets之类的智能代码提示插件。
.
如何安装并编写第一个Electron程序这里就略过,这篇文章主要讲讲如何配置在VSCode中启动Electron程序。
.
假设你已经在VSCode中写好了第一个Electron程序,按F5启动时选择Node.js,发现没反应,这时就要配置launch.json文件了。
.
有几点关于launch.json文件的事项明确了之后有助于更好地理解VSCode的启动配置,以后不管在VSCode开发什么语言的程序都可以更好地配置启动项。
.

  1. launch.json文件在你当前工作目录中的.vscode文件夹。
  2. launch.json里面的参数在网上可以查得到说明,你可以根据自身需要修改,不用每次都要照搬别人的。
  3. 新的项目按F5或Ctrl + F5(即尝试启动项目)时就会自动生成launch.json文件,可以直接在里面改。
    .
    launch.json默认内容
    .
    在Electron项目中默认生成的launch.json文件是这样的,很显然,并没有按我想要的那样把electron项目启动起来。

在VSCode中配置launch.json启动Electron程序
.

修改launch.json文件
.
先加入新的参数:runtimeExecutable,不用记也不用复制粘贴,里面有代码提示的。
.
在VSCode中配置launch.json启动Electron程序
.

接下来给这个参数赋一个新的值,要根据你实际的electron安装环境的路径来。我这里的意思就是在现有的工作目录下的node_modules文件夹里面的.bin文件夹中有electron脚本,如果你的electron是全局安装路径会有所不同。而且如果是在Windows环境下应该指向electron.cmd脚本。
.
在VSCode中配置launch.json启动Electron程序
.
把以上内容保存后再按F5就可以看到electron程序成功启动了。
.
修改后的launch.json文件完整内容如下:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "/**"
            ],
            "program": "${workspaceFolder}/main.js",
            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron"
        }
    ]
}

扫码关注公众号“脾气暴躁的产品经理”
在VSCode中配置launch.json启动Electron程序

文章来源: blog.51cto.com,作者:hhuayuan,版权归原作者所有,如需转载,请联系作者。

原文链接:https://blog.51cto.com/hhuayuan/2529442

登录后可下载附件,请登录或者注册

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:huaweicloud.bbs@huawei.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
评论文章 //点赞 收藏 0
点赞
分享文章到微博
分享文章到朋友圈

上一篇:区块链支付应用 usdt支付系统开发解决方案

下一篇:非易失性NV-SRAM简介

评论 (0)


登录后可评论,请 登录注册

评论