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


目录
相关文章
|
9月前
|
C# 图形学
C#之四十九 游戏编程周每日总结
C#之四十九 游戏编程周每日总结
37 0
|
2月前
|
JSON JavaScript 前端开发
Nodejs第一天
Nodejs第一天
|
2月前
|
缓存 JavaScript
|
2月前
|
存储 JSON JavaScript
一盏茶的时间,带你轻松上手Pinia
Pinia,让状态管理再无难题! 作为Vue.js官方推荐的新星级管理库,Pinia为开发者带来前所未有的顺滑体验。你还在为复杂难懂的状态管理代码头疼吗?别急,用Pinia你可以告别一切烦恼!
|
2月前
|
前端开发 JavaScript API
拥抱华为,困难重重,第一天学习 arkUI,踩坑踩了一天
拥抱华为,困难重重,第一天学习 arkUI,踩坑踩了一天
123 0
|
Android开发
Cocos Creator 花了一个月入门经历
一个与人入门算是最笨的那种了吧 分享给大家入门视频教程
654 0
Cocos Creator 花了一个月入门经历
uniapp上一周,下一周demo效果(整理)
uniapp上一周,下一周demo效果(整理)
|
JavaScript 前端开发 API
Electron实践第二天
Electron实践第二天
72 0
Electron实践第二天
|
前端开发
前端项目实战193-ant design控制只能选择当月得日期RangePicker
前端项目实战193-ant design控制只能选择当月得日期RangePicker
146 0
|
Ubuntu 中间件 Go
GoFrame第一天
GoFrame第一天
178 0
GoFrame第一天