Electron创建项目

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

相同类型文章

热门标签

每日一句

    沾衣欲湿杏花雨，吹面不寒杨柳风。

    ——释志南

今日排行

  • VSCode插件 - 快速生成表格并格式化

    快速生成表格

  • JavaScript对字符串进行Gzip压缩和解压

    前一篇博客中已经说过Golang对Gzip的处理，其实这是我的服务器端的处理，那么当我们服务器返回Gzip压缩的字符串后，客户端如何进行解压呢？本文主要记录下JavaScript对Gzip进行压缩和解压处理。

  • 网址收藏

    平时在工作中会用到很多技术和工具，有时候确实会遗忘，所以这里将这些收藏该文中，便于以后进行查找。也希望查看到该文章的朋友对你们有一定的帮助，后期还会加入更多的信息进来。

  • Markdown常用语法

    Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。在我的博客中，也使用了Markdown作为文本编辑器。那么我将总结下自己在写作的过程中，常用的一些语法格式，以便后期进行查阅。

  • OpenCV-Python图像的缩放

    调整图像大小意味着改变它的尺寸，无论是宽度、高度还是两者都改变​​。此外，原始图像的纵横比可以保留在调整大小的图像中。为了调整图像大小，OpenCV 提供了 resize() 函数。

点击排行

友情链接