Electron开发实战之03-开发环境

来源:简书 分类: 文章浏览史 发布时间:2021-09-08 15:24:06 最后更新:2021-09-08 浏览:139
转载声明:
本文为摘录自“简书”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2021-09-08 15:24:06

源码 j源码 j-step-c3相关视频

nvm

nodejs 版本管理工具, 用于管理多个node.js版本

Node.js

基于Chrome的V8 JavaScript引擎构建的JavaScript运行时

yarn

npm包依赖管理工具

electron

使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用

webpack

加载资源、捆绑模块、处理浏览器兼容性和打包应用等等

重点: electron-webpack

为什么需要electron-webpack?
因为我们的Web开发需要进行大量配置,例如配置webpack,babel,eslint等等,而通过简单的安装electron-webpack可以简化这些设置。

  • bash
# 确认一下,你现在应该位于j-step目录下
yarn init -y
yarn add electron-webpack electron webpack -D

## buider 的时候必须要
yarn add source-map-support
  • package.json
{
  "scripts": {
    "dev": "electron-webpack dev"
  }
}

别忘了在根目录添加一个.gitignore文件, 这个文件中添加下面的内容

.DS_Store
.vscode
coverage
dist
node_modules

ps: git 会忽略 .gitignore中的内容

接下来,让我们写一些代码吧。

上一节 Electron开发实战之02-github
目录
下一节 Electron开发实战之04-Hello World

php技术微信