IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> vscode+electron开发环境搭建 -> 正文阅读

[开发工具]vscode+electron开发环境搭建

安装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://blog.csdn.net/qq_40421671/article/details/113322614

用vscode打开一个文件夹,在vscode的terminal中输入>npm?init?-y,可会生成一个package.json文件

设置淘宝镜像

>npm?install?cnpm?-g??--registry=https://registry.npm.taobao.org

安装electron依赖包

cnpm?install?electron?--save-dev

bug?1:

????若提示cnpm?不是内部命令,

solution:

????进入C:\Debug\nodejs\node_global中运行>cnpm?-v,若成功,需要设置下PATH环境变量,增加C:\Debug\nodejs\node_global;即可。

bug?2:

????在cmd中正常,但在vscode的terminal中提示“无法加载文件cnpm.ps1,因为在此系统上禁止运行脚本"

solution:

????在powershell中执行Start-Process?powershell?-Verb?runAs

会提示授权,并以管理员身份运行powershell

继续重新执行set-ExecutionPolicy?RemoteSigned?选择?Y

继续尝试安装electron依赖包

>cnpm?install?electron?--save-dev

完成后>npx?electron?-v?

或者>.\node_modules\.bin\electron?-v

若显示版本号表明安装成功

>.\node_modules\.bin\electron

打开electron?查看帮助等

?===vscode第一次运行electron项目=============
前提:已安装node.js、VSCode、electron依赖包
安装module依赖包
npm install update-electron-app
npm install app
npm install browser-window

=======main.js开头要这样写才行,才能解决 core.require is not a function 问题==========

//?var?app?=?require('app');??//?控制应用生命周期的模块。

//?var?BrowserWindow?=?require('browser-window');??//?创建原生浏览器窗口的模块

//?var?{?app,?BrowserWindow?}?=?require('electron')

var?electron?=?require('electron')

var?app?=?electron.app

var?BrowserWindow?=?electron.BrowserWindow

//?保持一个对于?window?对象的全局引用,不然,当?JavaScript?被?GC,

//?window?会被自动地关闭

var?mainWindow?=?null;

=====启用remote主进程和渲染进程之间调用

1. remote在electron12的时候废弃了remote模块,所以需要我们自己安装remote包。

?npm?install?@electron/remote?--save

?2.?在主进程中进行初始化:?

require("@electron/remote/main").initialize();

?require("@electron/remote/main").enable(mainWindow.webContents);

3.?并在主进程webPreferences中设置enableRemoteModule和contextIsolation:?

webPreferences:?{

????nodeIntegration:?true,

????contextIsolation:?false,

????enableRemoteModule:?true,?//?使用remote模块

?},

?

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-01-14 02:11:24  更:2022-01-14 02:12:44 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/25 13:24:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计