electron 在windows的环境配置，离线安装，npm无法安装

按网上说的：

npm install electron@v33.3.1

或者

npm install electron

那是100%无法安装的，这些鸟人。

需要用其他镜像才能装好：

npm --registry https://registry.npmmirror.com  --save-dev install electron
npm --registry https://npmreg.proxy.ustclug.org/ --save-dev install electron
npm --registry https://mirrors.zju.edu.cn/npm --save-dev install electron

更详细可看这里：

https://blog.csdn.net/qq_39124701/article/details/128299948

上面的搞完，你会发现electron不在环境中，所以要加入全局的：

npm --registry https://mirrors.zju.edu.cn/npm --save-dev install electron@v33.3.1 -g

-g我猜是global的意思。

你会好奇这都安装到哪里去了？？？输入：

npm root -g

一般返回：

C:\Users\Administrator\AppData\Roaming\npm\node_modules

如果不带 -g 那目录在哪里？那就是当前目录下了（我猜）.

然后就可以打入 electron -v 看到版本号了。

继续

新建开发目录，例如 d:/elec，进入后敲命令：

npm init

挨个回车，会生成package.json文件，更改scripts节点：

{
  "scripts": {
    "start": "electron ."
  }
}

新建index.js:

const {app,BrowserWindow}=require("electron") app.on("ready",()=>{
    new BrowserWindow({
        width:800,
        height:600
    })})

输入：

npm start

一个窗口就出来了：

按官方来的也可以：

https://www.electronjs.org/zh/docs/latest/tutorial/quick-start

同时还需要安装一些其他的依赖，比如 electron-packager（用于打包应用程序）和 electron-builder（用于构建应用程序）：

npm install --save-dev electron-packager electron-builder

使用npm run build:win 或者  npx electron-packager . --all 进行打包

打包之前，可以在开发过程中使用以下命令启动 Electron 应用程序：

npx electron .

Electron 支持使用 Chrome DevTools 进行调试。

const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      devTools: true // Enable DevTools
    }
  })

• 上一篇： 几个html5 的canvas例程
• 下一篇： 使用GTK的C++版本GTKMM和UI设计器