为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡 第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 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消