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
 


相关文章
|
10月前
|
IDE Java 开发工具
【C/C++】C/C++编程——C++ 开发环境搭建
【C/C++】C/C++编程——C++ 开发环境搭建
175 0
|
10月前
|
前端开发 JavaScript 程序员
Electron
【5月更文挑战第1天】Electron
197 9
|
10月前
|
开发框架 JSON JavaScript
electron安装
electron安装
250 0
|
Java
bukkit开发环境搭建 1
bukkit开发环境搭建
108 0
|
Java Maven
bukkit开发环境搭建 2
bukkit开发环境搭建
100 0
|
Windows
AntDesignPro使用electron构建桌面应用
AntDesignPro使用electron构建桌面应用
295 0
|
JavaScript 前端开发 API
electron:我们开始吧!
electron:我们开始吧!
175 0
|
存储 监控 前端开发
如何打造高质量的 Electron 应用?
如何打造高质量的 Electron 应用?
415 0
|
JavaScript 开发工具 开发者
openHarmony开发环境搭建
从今天开始正式写openHarmony相关的文章,经过一段时间的沉淀,学习之路漫漫,不断地学习才是王道,熟话说万事开头难,安装软件应该是学习的第一道坎,废话不多说了,看内容了~~
360 0
openHarmony开发环境搭建
|
JavaScript 前端开发 Linux
网页多平台桌面打包工具 electron 和 electron-packager 的使用
网页多平台桌面打包工具 electron 和 electron-packager 的使用
485 0