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

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