当前位置：网站首页>1.Electron开发环境搭建

1.Electron开发环境搭建

2022-04-23 11:36:00 【好奇的菜鸟】

前置条件：电脑上的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

命令说明：
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

 

 默认界面

版权声明
本文为[好奇的菜鸟]所创，转载请带上原文链接，感谢
https://yjtzfywh.blog.csdn.net/article/details/124360630

边栏推荐

猜你喜欢

随机推荐