手记

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

源码 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中的内容

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

1人推荐
随时随地看视频
慕课网APP