Electron 实践第一天

简介: Electron 实践第一天

1.案例


比你想象的更简单


如果你可以建一个网站,你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。


image.pngimage.png


2.安装


npm i -D electron@latest
npm install electron -g
# 全局安装

前提是必须先安装好nodejs,具体如下:

// 如果没有node 的话先装 node
http://nodejs.cn/download/
// 在当前目录安装最新
npm i -D electron
// 全局安装最新
cnpm install electron -g
// 当然你可以指定版本号安装
npm i -D electron@11.0.4


3.快速开始


3.1 初始化package.json文件


(p2) PS F:\electron-lesson\electron-1> npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.
See `npm help init` for definitive documentation on these fields
and exactly what they do.
Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.
Press ^C at any time to quit.
package name: (electron-1)
version: (1.0.0) 0.0.1
description: my first day of electron
entry point: (index.js)
test command: nodemon --watch index.js --exec electron .
git repository:
keywords: study electron first day
author: livingbody
license: (ISC)
About to write to F:\electron-lesson\electron-1\package.json:
{
  "name": "electron-1",
  "version": "0.0.1",
  "description": "my first day of electron",
  "main": "index.js",
  "scripts": {
    "test": "nodemon --watch index.js --exec electron ."
  },
  "keywords": [
    "study",
    "electron",
    "first",
    "day"
  ],
  "author": "livingbody",
  "license": "ISC"
}
Is this OK? (yes) yes

如上所述,生成package.json文件

运行

> electron-1@0.0.1 test
> nodemon --watch index.js --exec electron .
'nodemon' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
npm install nodemon -g
npm install electron -g
npm test


目录
相关文章
|
SQL 安全 关系型数据库
SQL 注入神器:SQLMap 简单使用
SQL 注入神器:SQLMap 简单使用
python编写下象棋游戏|4-14
python编写下象棋游戏|4-14
|
Kubernetes 监控 Cloud Native
蚂蚁集团混沌工程 ChaosMeta V0.5 版本发布
ChaosMeta V0.5 版本包含了许多新特性和增强功能,为用户提供了支撑混沌工程各个阶段的平台能力,以及降低使用门槛的用户界面
444 0
蚂蚁集团混沌工程 ChaosMeta V0.5 版本发布
|
开发工具 git
git 高级用法
git 高级用法
164 0
git 高级用法
|
弹性计算 NoSQL 关系型数据库
规模效应将释放红利,2024年阿里云又降价了!
规模效应将释放红利,2024年阿里云又降价了!百款产品直降,平均降幅20%,阿里云希望通过此次大规模降价,让更多企业和开发者用上先进的公共云服务,加速云计算在中国各行各业的普及和发展。这次降价包括云服务器ECS、对象存储OSS、云数据库都降价了,真降价,直降价:百款产品直降,平均降幅20%,阿里云百科分享阿里云2024年降价信息汇总表
|
资源调度 JavaScript 前端开发
Vue2向Vue3过度核心技术工程化开发和脚手架
Vue2向Vue3过度核心技术工程化开发和脚手架
183 0
Vue2向Vue3过度核心技术工程化开发和脚手架
|
存储 算法 C语言
动态规划算法解决背包问题,算法分析与C语言代码实现,时间效率解析
动态规划算法解决背包问题,算法分析与C语言代码实现,时间效率解析
441 0
|
安全 网络协议 JavaScript
【译】eBPF 概述:第 1 部分:介绍
【译】eBPF 概述:第 1 部分:介绍
397 0
|
存储 编译器 C语言
类的入门<C++入门>(跑路人笔记)(1)
类的入门<C++入门>(跑路人笔记)
类的入门<C++入门>(跑路人笔记)(1)
|
运维 Linux
飞天加速计划·高校学生在家实践 续费任务文章
简介:研二学生 ,项目需要搭建云服务器,因此选择了阿里云