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
 


相关文章
|
8月前
|
IDE Java 开发工具
【C/C++】C/C++编程——C++ 开发环境搭建
【C/C++】C/C++编程——C++ 开发环境搭建
155 0
|
7月前
|
Java Linux 开发工具
02. 【Android教程】开发环境搭建
02. 【Android教程】开发环境搭建
90 0
|
7月前
|
开发框架 Rust Dart
Flutter、Electron 和 Tauri 框架简介
Flutter、Electron 和 Tauri 框架简介
260 0
|
8月前
|
前端开发 JavaScript 程序员
Electron
【5月更文挑战第1天】Electron
171 9
|
8月前
|
前端开发 API CDN
Electron实现你自己的Markdown编辑软件
Electron实现你自己的Markdown编辑软件
|
8月前
|
开发框架 JSON JavaScript
electron安装
electron安装
208 0
|
Java
bukkit开发环境搭建 1
bukkit开发环境搭建
89 0
|
Java Maven
bukkit开发环境搭建 2
bukkit开发环境搭建
83 0
|
JavaScript 前端开发 API
electron:我们开始吧!
electron:我们开始吧!
165 0
|
Web App开发 Dart 前端开发
flutter开发环境搭建
flutter开发环境搭建
176 0

热门文章

最新文章