node 安装 Electron

迈不过友情╰ 2023-07-07 08:14 4阅读 0赞

1.  安装淘宝镜像：  
    文档：[https://npm.taobao.org/][https_npm.taobao.org]
    
        npm install cnpm --registry=https://registry.npm.taobao.org -g
2.  使用淘宝镜像安装 Electron ：  
    文档：[https://npm.taobao.org/package/electron][https_npm.taobao.org_package_electron]
    
        cnpm install electron -g
3.  查看 Electron 版本：
    
        electron -v
4.  安装 Electron-forge：  
    文档：[https://npm.taobao.org/package/electron-forge][https_npm.taobao.org_package_electron-forge]
    
        cnpm install electron-forge -g
5.  安装 Electron-prebuilt-compile（创建项目所需）：  
    文档：[https://npm.taobao.org/package/electron-prebuilt-compile][https_npm.taobao.org_package_electron-prebuilt-compile]
    
        cnpm install electron-prebuilt-compile -g
6.  创建 Electron 项目：
    
        npx electron-forge init project_1
7.  安装组件：  
    进入项目根目录操作：
    
        npm install
8.  运行项目：
    
        npm start
9.  运行成功后显示如下：  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3_size_16_color_FFFFFF_t_70][]
10. 打包：
    
        electron-forge package
    
    打包结果如下：  
    可直接运行 project\_1.exe  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3_size_16_color_FFFFFF_t_70 1][]
11. 编译：
    
        electron-forge make
    
    编译结果如下：  
    可直接运行 my-new-project2-1.0.0 Setup.exe  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3_size_16_color_FFFFFF_t_70 2][]
12. 发布：
    
        electron-forge publish
    
    发布结果如下（需要设置一下 package.json 里的 config.forge.github\_repository.owner 与 config.forge.github\_repository.owner.name，否则会提示一个错误）：  
    可直接运行 project\_1-1.0.0 Setup.exe  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3_size_16_color_FFFFFF_t_70 3][]

[https_npm.taobao.org]: https://npm.taobao.org/
[https_npm.taobao.org_package_electron]: https://npm.taobao.org/package/electron
[https_npm.taobao.org_package_electron-forge]: https://npm.taobao.org/package/electron-forge
[https_npm.taobao.org_package_electron-prebuilt-compile]: https://npm.taobao.org/package/electron-prebuilt-compile
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200222020529418.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200222020908906.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/2020022202130366.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200222021751786.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyNTk2NTI3,size_16,color_FFFFFF,t_70