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
我是前端小白,如有不对的地方,请指正,谢谢!!!