Electron创建项目

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

相同类型文章

热门标签

每日一句

    一个人不是你所想般爱你，并不代表那人不是全心全意地爱你。

    ——玛格丽特·米切尔

今日排行

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

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

  • 网页扫描二维码库：Html5-Qrcode

    网页扫描二维码库：Html5-Qrcode，官网地址：https://scanapp.org/html5-qrcode-docs/

  • 音乐推荐《是妈妈是女儿》

    《是妈妈是女儿》聚焦母女间未曾言明的爱意，以书信对话的形式呈现出各自的内心独白，表达彼此的牵挂。黄绮珊与希林娜依·高用跨越时空、打开心扉、深情对唱的形式，将天下母女爱的寄语化作心灵的倾诉。黄绮珊的每一句话，每一个字都演绎出了妈妈对女儿的爱，而希林依娜·高把女儿对妈妈的爱由不理解到理解再到感恩演绎得淋漓尽致。

  • pip国内镜像源

    默认情况下 pip 使用的是国外的镜像，在下载的时候速度非常慢，本文我们介绍使用国内源对pip进行加速。

  • 人脸认证：face_recognition库的安装与应用

    人脸识别技术如今已广泛应用于安全监控、身份验证、人机交互等多个领域。对于开发者而言，利用现有的库如face_recognition可以极大地简化人脸识别的开发过程。本文将详细介绍如何安装face_recognition库，并通过实例展示如何用它来实现一个基本的人脸比对服务。

点击排行

友情链接