从零开始搭建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可能需要管理员权限,因此尽量命令行工具用管理员模式打开。

相关推荐
零一科技几秒前
Vue3学习第七课:(Vuex 替代方案)Pinia 状态管理 5 分钟上手
前端·vue.js
吃饺子不吃馅几秒前
受够了 create-xxx?我写了一个聚合主流框架的脚手架
前端·面试·架构
Achieve前端实验室10 分钟前
深度解析 JavaScript 作用域与作用域链
前端·javascript·面试
讨厌下雨的天空23 分钟前
缓冲区io
linux·服务器·前端
xhxxx1 小时前
《深入理解 JavaScript 对象:属性命名、访问与遍历的那些细节》
前端·javascript
BBB努力学习程序设计1 小时前
Web App开发基础知识:从零构建现代化Web应用
前端·html
BBB努力学习程序设计1 小时前
使用Bootstrap框架搭建简单页面:快速构建现代化网站
前端·html
西洼工作室1 小时前
CSS响应式布局全攻略
前端·css·响应式布局·栅格系统
用户93816912553601 小时前
VUE3项目配置
前端
mm-q29152227291 小时前
云原生开发实战:从入门到精通 Vue3、Vite、Pinia、Axios 与 HTML、JavaScript、CSS 项目开发
javascript·云原生·html