继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡 第5天 】深度实战Electron,开发本地音乐播放器 学习笔记01

imooc66
关注TA
已关注
手记 54
粉丝 2
获赞 23

第一模块

课程名称:深度实战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>

第四模块

![图片描述](//img.mukewang.com/6320a53400016bda22640584.png)
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP