基于electron开发项目的安装和配置

最新推荐文章于 2025-04-10 01:11:30 发布

zhou_pp

最新推荐文章于 2025-04-10 01:11:30 发布

阅读量3.6k

点赞数

分类专栏： Electron 文章标签： electron nodejs npm

本文链接：https://blog.csdn.net/zhou_pp/article/details/94736117

版权

Electron 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何安装Node.js并配置环境变量，包括npm全局模块和缓存路径的设定。此外，还提供了使用cnpm、electron、electron-forge等工具的安装指南，以及如何通过electron-packager进行应用打包的命令示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.先安装node.js , 网址 https://nodejs.org/en/download/
安装教程参考：https://www.cnblogs.com/zhouyu2017/p/6485265.html
注意：

环境配置
说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：
创建完两个空文件夹之后，打开cmd命令窗口，输入

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

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

3.cnpm install -g electron

4.cnpm install -g electron-forge

5.安装git,才能使用electron-forge快速构建项目
利用electron可以打开

D:\UsefulSoftwares\NodeJS\node_global\node_modules\electron\dist\electron.exe  xx项目名

npm install 包 -g 是全局安装
使用npm install安装npm包时，会有如下形式将信息写入package.json文件中，

如
npm install xxx--save--dev，

其中
--save--dev 表示在package.json文件的devDependencies节点下添加包的引用，

? ? ? ?
--save 表示在package.json文件的dependencies节点下添加包的引用

devDependencies里面的插件只用于开发环境，不用于生产环境，

而dependencies是需要发布到生产环境的，生产环境追求的是快速化，最小化。

npm install 默认会安装两种依赖，如果你只是单纯的使用这个包而不需要进行一些改动测试之类的，可以使用npm install --production 只安装dependencies而不安装devDependencies。

npm 有个默认配置项 production （生产）设置为 true 时就不会安装 devDependencies 下的依赖包。
// 配置成 false，意思是不在生产环境下
$ npm config set production false

打包命令：（根据自己的需要，选择一个即可）

electron-packager . courthelper --platform=win32 --arch=x64 --download.mirror=https://npm.taobao.org/mirrors/electron/ --electron-version=4.1.4 --asar --app-version=1.0.0 --build-version=1.0.0 --out=outName --overwrite --no-package-manager --ignore="(.git|node_modules)"


electron-packager . courthelper --platform=win32 --arch=x64 --download.mirror=https://npm.taobao.org/mirrors/electron/ --electron-version=4.1.4 --asar --app-version=1.0.0 --build-version=1.0.0 --out=outName --overwrite --no-package-manager --ignore="(.git|node_modules)" --icon=./src/app/imgs/Court128.ico

electron-packager . courthelper --platform=win32 --arch=x64  --electron-version=4.1.4  --out=outName --overwrite  --ignore="(.git|node_modules)"
electron-packager . courthelper --platform=win32 --arch=x64 --electron-version=1.8.4