node中使用electron的注意事項

项目场景:

在node項目中,使用electron做界面化開發碰到的一些問題:


前期準備

  1. 安裝node:建議安裝最新的長期支持版本,都使用新版本不用考慮版本兼容問題Node.js --- 在任何地方运行 JavaScript

  2. 配置代理服務:

    复制代码
    set GLOBAL_AGENT_HTTP_PROXY=http://192.168.0.111:808
    set GLOBAL_AGENT_HTTPS_PROXY=https://192.168.0.111:808
  3. 升級npm:我原本有node環境,也有npm管理器,但是版本都太老了,使用中各種報錯,所以建議升級最新版

    复制代码
    npm install -g npm@latest
  4. 配置npm鏡像:

    复制代码
    npm config set registry https://registry.npmmirror.com
    npm config set ELECTRON_MIRROR https://npmmirror.com/mirrors/electron/

    如果出現"`ELECTRON_MIRROR` is not a valid npm option"的錯誤提示,可以直接修改配置文件,C:\Users\[USER_NAME]\.npmrc。

  5. 安裝electron:

    复制代码
    npm install electron
相关推荐
一枚前端小能手2 分钟前
「周更第6期」实用JS库推荐:InversifyJS
前端·javascript
叉歪2 分钟前
纯前端函数,一个拖拽移动、调整大小、旋转、缩放的工具库
javascript
Hilaku3 分钟前
"事件委托"这个老古董,在现代React/Vue里还有用武之地吗?
前端·javascript·vue.js
前端缘梦8 分钟前
Webpack 5 核心升级指南:从配置优化到性能提升的完整实践
前端·面试·webpack
汤姆Tom15 分钟前
现代 CSS 架构与组件化:构建可扩展的样式系统
前端·css
偷光15 分钟前
浏览器中的隐藏IDE: Console (控制台) 面板
开发语言·前端·ide·php
时间的情敌22 分钟前
对Webpack的深度解析
前端·webpack·node.js
拜无忧30 分钟前
【案例】可视化模板,驾驶舱模板,3x3,兼容移动
前端·echarts·数据可视化
向葭奔赴♡36 分钟前
前端框架学习指南:提升开发效率
前端·javascript·vue.js
小高00740 分钟前
🔥🔥🔥Vue 3.5 核弹级小补丁:useTemplateRef 让 ref 一夜失业?
前端·javascript·vue.js