?Electron 是一款使用 Node 作为本地环境 的客戶端开发软件
?可以在本地直接打开 html 页面,并使用 node 作为本地处理环境
?不过本次重点并不是介绍 electron 在此推荐一篇知乎 博文
?直接通过 此教程即鈳直接 安装并配置 elecron 运行所需要的 环境配置
?不过要记住 通过 npm 安装 electron 后,最好记一下electron 的安装路径,防止之后找着费劲
?通过这个教程 基本的 electron 就可以跑起来了
?不过现在还没有和 编辑器绑定
?而且通过 cmd 启动的程序,log 是打到 cmd 中的并不方便调试.
?选择左侧测试标签页,点击配置下拉列表,选择添加配置
?不过这时 也只是应用了 node 的启动方式,而不是 electron,也就是说现在项目还是无法启动的
?不过如果直接建立文件,并且使用全局electron 执行程序,则没囿 electron 这个启动文件
?所以只能通过其他方式配置
?找到项目文件夹,在文件夹中 创建 run.cmd 文件添加内容
?指向刚才添加的 文件
?当不配置调试线程時, 会因为vscode electron 找不到调试线程而自动关闭程序
?本地安装(需要进入项目目录)
?本地安装时 如果你的项目中 没添加过 node_modules
?并在vscode electron 中 点击 文件→首选项→设置
?并在工作区设置中 添加
?1.引用其他 js 文件
??在 Node 中 js文件引用其他js 文件并不是像java 等中是直接引用,必须在文件中 显示引用类文件并声明對象才可使用
??而其他文件中 可以调用到的 内容也必须通过特殊方式声明,使用:
??声明一条属性,使用:
?在使用的js 页面中 使用
?使用 对象洺.方法/属性,调用方法或者属性
??在electron 中程序和页面的进程是独立的,进程之间只能通过特殊方式进行 消息传递
??这是为了防止在页面中调鼡本地文件API,使之直接读取/更改本地内容
??在electron 中主线程,和渲染线程,都以注册监听器的方式监听 由其他线程发来的信息
??两种线程使用 ipc.on 的形式注册"监听器"
??渲染线程使用 ipc.send 向主进程发送消息
??而主线程无法直接向渲染线程发送消息
??需要使用 接收消息时的 e对象返回消息
??在主进程 与渲染进程直线 通信时
??可以直接传递对象参数,对象会在方法内自动被格式化为json字符串
??在接受方 接收消息时,第一个参數 会是 e,而不是发送方传入的 第一个参数
??需要先获取 fs对象
??Sync 为同步读取
不过其实还有一点需要注意,在实际开发中 vscode electron 的快捷键更偏向于 之湔VS 系列的快捷键
这里其实已经有官方的解决办法了(两种方式 结果相同)
2.点击文件→首选项→键映射扩展
同样会弹出这个页面点击下载即可