Electron创建项目

xiaohai 2021-05-11 11:49:58 2608人围观 标签: 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