Electron创建项目

xiaohai 2021-05-11 11:49:58 共2351人围观 标签： Electron 
简介Electron创建项目可以有多种方法，本文主要记录三种创建项目的方法。

前面我们教了如何搭建Electron的开发环境，那么本文我们就需要介绍如何创建项目，可能有人觉得这还不简单吗？新建一个目录就可以了，其实不然，Electron的项目中需要包含几个重要的文件。那么本文介绍几个创建项目的方法。

方法一、手动创建项目
#1、首先创建一个文件夹(名称不能是中文)
mkdir demo1

#2、进入目录
cd demo1

#3、新建一个index.html和main.js

#4、生成package.json
npm init

#5、运行项目(运行后什么都看不出来，这个没关系，请移步到Electron的第一个项目Hello World！)
electron .
  • index.html：默认加载的页面
  • main.js：Electron的主进程文件
  • package.json：项目配置信息，可以直接生成
方法二、Git克隆electron-quick-start项目
#1、将该项目clone到test目录下
git clone https://github.com/electron/electron-quick-start demo2

#2、进入该目录
cd demo2

#3、安装相关依赖
npm install

#4、运行项目
npm start
方法三、采用electron-forge脚手架
#1、全局安装 electron-forge （和安装electron一样，只需要首次安装）
npm install -g electron-forge    /  cnpm install -g electron-forge

#2、创建项目 （默认安装模块 ，若失败删掉node_modules文件夹，重新cd到项目里面运行 cnpm install  或者yarn）
electron-forge demo3

#3、cd到项目里面
cd demo3

#4、运行项目
npm start

相同类型文章

热门标签

每日一句

    万种思量，多方开解，只恁寂寞厌厌地，系我一生心，负你千行泪。

    ——柳永

今日排行

  • 数轴上两点间的距离公式及中点公式

    数轴上两点间的距离公式及中点公式

  • 嗨！Tauri

    Tauri 是一个框架，用于为所有主要桌面平台构建小巧、快速的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架，以构建他们的用户界面。应用程序的后端是一个基于 Rust 的二进制文件，带有一个前端可以与之交互的 API。 Tauri 应用程序的用户界面目前在 macOS 和 Windows 上利用 tao 作为窗口处理库，在 Linux 上通过 Tauri 团队孵化和维护的 WRY 利用 WebKit、Windows 上的 WebView2 和 Linux 上的 WebKitGTK 创建一个统一的系统 webview（和其他好东西，如菜单和任务栏）接口。

  • Flutter开发windows桌面应用处理WebView相关问题

    Flutter开发windows桌面应用处理WebView相关问题

  • 初中数学应熟记数值表(平方、立方、2的n次方、常用分数值)

    初中数学应熟记数值表(平方、立方、2的n次方、常用分数值)

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

点击排行

友情链接