Electron创建项目

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

相同类型文章

热门标签

每日一句

    国家的统一，人民的团结，国内各民族的团结，这就是我们的事业必定要胜利的基本保证，在当前，加强党的团结，加强党与人民群众的团结，具有特殊意义。

    ——毛泽东

今日排行

  • partprobe：更新内核的磁盘分区表信息

    partprobe命令用于在硬盘分区发生变化是，更新Linux内核中的硬盘分区表数据。有时在使fdisk、part命令对硬盘进行分区后，会发现找不到新分区，此时需要重启系统才能使修改生效，但是partprobe可以不重启系统就让修改的分区表生效。

  • Electron创建项目

    Electron创建项目可以有多种方法，本文主要记录三种创建项目的方法。

  • renice：调整运行中的进程的优先级

    nice命令用于修改为运行的程序运行时的优先级，但是对正在运行的进程，想要修改优先级，就需要用到renice命令。

  • CSS清除浮动的方法

    清除CSS浮动几乎可以说的每个WEB前端开发者所必备的技能之一，但有些刚刚接触HTML、CSS的开发者，还不懂如何清除CSS浮动，导致页面布局错乱，本文将介绍三种清除CSS浮动的方法，希望对大家有所帮助。

  • 开放-封闭原则(Open Closed Principle)

    开闭原则（Open Closed Principle，OCP）由勃兰特·梅耶（Bertrand Meyer）提出，他在 1988 年的著作《面向对象软件构造》（Object Oriented Software Construction）中提出：软件实体应当对扩展开放，对修改关闭（Software entities should be open for extension，but closed for modification），这就是开闭原则的经典定义。

点击排行

友情链接