electron安装【纯详细版】

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 前言
  • 一、首先node.js的下载
  • 二、node.js安装
    • 1.检查node.js和npm是否安装成功
    • 2.读入数据
  • 总结


前言

Electron是一个使用JavaScript构建桌面应用程序的框架, HTML 和 CSS。通过将 Chromium 和 Node.js嵌入到其 二进制,Electron允许您维护一个JavaScript代码库并创建 在 Windows、macOS 和 Linux 上运行的跨平台应用程序 — 无需本机开发 需要经验。
Node.js 可以做什么?

  • 轻量级、高性能的 Web 服务
  • 前后端 JavaScript 同构开发
  • 便捷高效的前端工程化

一、首先node.js的下载

根据自己电脑系统及位数选择,我的电脑是Windows系统、64位、想下载稳定版的.msi(LTS为长期稳定版)这里选择windows64位.msi格式安装包。
node.js官网下载
electron安装【纯详细版】_第1张图片

二、node.js安装

直接将下载后的安装包安装即可。
electron安装【纯详细版】_第2张图片
electron安装【纯详细版】_第3张图片
electron安装【纯详细版】_第4张图片
安装完成!

1.检查node.js和npm是否安装成功

代码如下(示例):

node -v
npm -v

electron安装【纯详细版】_第5张图片
建议把npm的仓库切换到国内taobao仓库,

注册cnpm命令,如下

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

electron安装【纯详细版】_第6张图片
安装electron

cnpm install -g electron

electron安装【纯详细版】_第7张图片
验证electron安装,我自己首先使用的electron -v验证,但是我的电脑这个操作命令不支持,所以换了以下命令。

npx electron -v

在这里插入图片描述
安装成功,启动electron。

npx electron

electron安装【纯详细版】_第8张图片

2.读入数据

总结

你可能感兴趣的:(electron,javascript,前端)