Electron创建项目

xiaohai 2021-05-11 11:49:58 共5614人围观 标签： 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可以不重启系统就让修改的分区表生效。

  • ping：测试主机之间网络的连通性

    ping命令用于测试主机之间的网络连通性。执行ping命令会使用ICMP传输协议，发送要求回应的信息，若远程主机的网络功能没有问题，就会回应信息，因而可得知该主机运行正常。

  • OpenCV-Python创建和显示窗口

    OpenCV-Python创建和显示窗口功能，主要介绍与窗口相关的函数，如：namedWindow、resizeWindow、imshow、waitKey。使用opencv创建窗口，需要用到namedWindow函数,上面的函数第一个参数为窗口名称，第二个为窗口的属性。创建窗口后设置窗口大小，设置窗口大小要使用resizeWindow，如果namedWindow函数第二个参数使用了WINDOW_AUTOSIZE，那么窗口不能进行修改大小了.

  • Go-Micro rpc调用注册的服务

    Go-Micro rpc调用注册的服务

  • 日常电脑小工具推荐

    在使用电脑的过程中，我们经常需要一些工具来帮助我们提高工作效率，本文主要记录生活中日常能提高工作效率的小工具和简要的使用说明，以便后期使用需要。

点击排行

友情链接