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

来源:简书分类: 文章浏览史发布时间:2021-09-08 15:24:06 最后更新:2021-09-08 浏览:510

转载声明：

本文为摘录自“简书”，版权归原作者所有。

原文链接:

https://www.jianshu.com/p/48564a297721

温馨提示：

为了更好的体验，请点击原文链接进行浏览

摘录时间：

2021-09-08 15:24:06

nvm

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

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

npm包依赖管理工具

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

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

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

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

## buider 的时候必须要
yarn add source-map-support

{
  "scripts": {
    "dev": "electron-webpack dev"
  }
}

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

.DS_Store
.vscode
coverage
dist
node_modules

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

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