electorn安装

electron入门一

本文通过hello word案例记录学习electron的过程。
在开始安装之前去,请确保已经安装好node.js

electron 简介

electron是一款可以使用JavaScript,HTML,CSS来构建跨平台app的开源框架。

一、通过GIT克隆electron-quick-start来创建electron项目

	1.克隆项目到本地
	
		git clone https://github.com/electron/electron-quick-start.git
	
	2.进入项目根目录
	
		cd electron-quick-start
	
	3.安装依赖
		
		npm install
	
	4.运行
	
		npm start

在运行第3步时可能会出现这样的报错
在这里插入图片描述
解决问题:

运行到node install.js卡住了,长时间没有反应,该怎么办呢?我们应该找找原因。

首先执行		npm install rimraf -g  //先安装删除工具
再执行    rimraf node_modules   //然后使用删除命令

最后再执行    npm install -verbose   //在安装依赖过程中显示的信息将更为详细

最后执行npm start,app将自行启动
我的执行结果如下,

在这里插入图片描述

在这里插入图片描述
二、通过electron-forge 创建项目

electron-forge相当于electron的一个脚手架,可以让我们更方便的创建、运行、打包electron项目。

	1.全局安装   electron-forge(只需要安装一次)
	
		npm install -g electron-forge
		
	2.创建项目
		electron-forge init my-new-app
		注:这一步会默认安装模块,如果失败,删掉node_modules ,重新cd到项目中  npm install

	3.cd到项目中
		cd my-new-app

	4.运行项目
		npm start

我是前端小白,如有不对的地方,请指正,谢谢!!!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值