1.Electron开发环境搭建

简介: 1.Electron开发环境搭建

前置条件:电脑上的node.js环境正常;

#查看node版本
node -v
#查看node包管理工具版本
npm -v
#查看默认仓库
npm config ls

查看npm仓库,建议使用国内镜像;

npm config set registry https://registry.npm.taobao.org

一、新建开发目录初始化项目(全局安装忽略这一步)

npm init --yes

会生成一个package.json文件

二、安装electron依赖

npm install electron --save-dev
#全局安装
npm install -g electron
#安装windows32位的包,打包后的应用程序,可以运行在windows的32位和64位机器上
npm install --arch=ia32 --platform=win32 electron

命令说明:

npm install xxx :安装某个module到本地项目的node_modules,但不会把安装包的信息添加到package.json文件

npm install xxx --save:安装某个module到本地项目的node_modules文件夹,同时把相关模块依赖添加到package.json文件的dependencies中

npm install xxx --save-dev:安装某个module到本地项目的node_modules文件夹,同时把相关模块依赖添加到package.json文件的devDependencies

npm install xxx -g:与npm install module一样,只是module的安装是全局的

npm install xxx --save -g :与npm install module --save一样,只是module的安装是全局的

npm install xxx --save-dev -g:与npm install module --save-dev一样,只是module的安装是

三、检查安装结果

#二选一即可,全局安装使用第一个命令
npx electron -v
./node_modules/.bin/electron -v

如果没有看到版本号,重新安装即可

 

四、查看electron界面

#全局安装使用
npx electron
 
 ./node_modules/.bin/electron

默认界面

急速安装:

npm install -g cnpm --registry=https://registry.npm.taobao.org
 
cnpm install --arch=ia32 --platform=win32 -g electron
 


相关文章
计算机网络:思科实验【1-访问WEB服务器】
计算机网络:思科实验【1-访问WEB服务器】
计算机网络:思科实验【1-访问WEB服务器】
|
12月前
|
资源调度 运维 JavaScript
使用electron创建桌面应用及常见打包错误解决
使用electron创建桌面应用及常见打包错误解决
1243 3
Echarts 热力图自定义开发
Echarts 热力图自定义开发
994 0
|
Java 开发工具 git
Spring源码编译教程
Spring源码编译教程
199 0
|
2月前
|
定位技术 数据处理 API
手把手教你怎么做人口密度热力图
本文介绍了使用Python和ArcGIS绘制人口密度地图的方法。Python部分包括地图数据获取、格式转换、数据整合及可视化;ArcGIS部分涵盖地图投影、数据连接、人口密度计算与图例设置。同时提供了C++代码用于数据分割,并介绍了如何利用高德API获取地址经纬度,实现地图标注。
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
9163 1
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
开发框架 前端开发 Linux
前端知识笔记(二十四)———快速创建桌面端(electron-egg)
前端知识笔记(二十四)———快速创建桌面端(electron-egg)
833 0
|
11月前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
492 4
开发桌面程序-Electron入门
|
开发框架 JSON JavaScript
electron安装
electron安装
428 0
|
存储 数据库 数据库管理
SQLite数据库的备份
【8月更文挑战第20天】SQLite数据库的备份
534 1