从零开始搭建Electron项目之运行例程

最好的学习方式就是:给一段能够运行的代码示例。

本文给出了例程资源,以及运行的步骤。

在国内开发electron有一点特别不好,就是如果不爬梯子,下载依赖容易出错。

一、例程资源

到如下路径下载例程到本地。

GitCode - 全球开发者的开源社区,开源代码托管平台GitCode是面向全球开发者的开源社区,包括原创博客,开源代码托管,代码协作,项目管理等。与开发者社区互动,提升您的研发效率和质量。https://gitcode.com/demopark/electron-api-demos-Zh_CN/overview

二、运行步骤

解压下载的例程压缩包后。

步骤1:打开命令行工具(最好用管理员模式

在例程目录下按下shift键+右键,点击弹出的"打开Powershell窗口"

步骤2:安装依赖(使用cnpm)

在shell窗口中,输入cnpm install完成程序依赖安装。

步骤3:运行程序

在shell窗口中,输入cnpm start完成程序依赖安装。

运行成功后,效果如下图所示:

三、报错处理

3.1 如果没有安装cnpm

如果没挂梯子,直接用npm下载依赖容易失败。因此最好用国内的cnpm进行依赖下载。

运行cnpm命令失败,在网上找教程完成淘宝源的配置和cnpm的安装。

运行cnpm可能需要管理员权限,因此尽量命令行工具用管理员模式打开。

相关推荐
林的快手22 分钟前
CSS列表属性
前端·javascript·css·ajax·firefox·html5·safari
匹马夕阳1 小时前
ECharts极简入门
前端·信息可视化·echarts
bug总结1 小时前
新学一个JavaScript 的 classList API
开发语言·javascript·ecmascript
网络安全-老纪1 小时前
网络安全-js安全知识点与XSS常用payloads
javascript·安全·web安全
API_technology1 小时前
电商API安全防护:JWT令牌与XSS防御实战
前端·安全·xss
yqcoder1 小时前
Express + MongoDB 实现在筛选时间段中用户名的模糊查询
java·前端·javascript
十八朵郁金香2 小时前
通俗易懂的DOM1级标准介绍
开发语言·前端·javascript
GDAL3 小时前
HTML 中的 Canvas 样式设置全解
javascript
m0_528723813 小时前
HTML中,title和h1标签的区别是什么?
前端·html
Dark_programmer3 小时前
html - - - - - modal弹窗出现时,页面怎么能限制滚动
前端·html