【九月打卡 第5天 】深度实战Electron,开发本地音乐播放器 学习笔记01
标签:
JavaScript
第一模块
课程名称:深度实战Electron,开发本地音乐播放器
章节名称:electron的世界
讲师:张轩
第二模块
认识Electron是什么?可以做什么?以及怎么安装使用
第三模块
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。
环境:node>8.0.0
npm安装:
初始化
mkdir my-electron-app && cd my-electron-app
npm init
安装 electron
npm install --save-dev electron
运行
npm start
yarn 安装:
初始化
mkdir my-electron-app && cd my-electron-app
yarn init
安装 electron
yarn add --dev electron
运行:
yarn start
# couldn't auto-convert command
创建简单的页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
We are using Node.js <span id="node-version"></span>,
Chromium <span id="chrome-version"></span>,
and Electron <span id="electron-version"></span>.
</body>
</html>
第四模块
![图片描述](//img1.sycdn.imooc.com//6320a53400016bda22640584.png)
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦