本部分內容為慕課網課程[《Electron + React + 七牛云...》](https://coding.imooc.com/learn/list/384.html)學習筆記，相關參考文獻地址如下： - [Electron 官網](https://www.electronjs.org/) - [concurrently ](https://www.npmjs.com/package/concurrently) - [wait-on](https://www.npmjs.com/package/wait-on) - [react-fontawesome](https://github.com/FortAwesome/react-fontawesome) - [Bootstrap](https://www.bootcss.com/) - [classNames](https://github.com/JedWatson/classnames) - [uuid](https://github.com/uuidjs/uuid) - [easy-markdown](https://github.com/RIP21/react-simplemde-editor) ## 要點記錄 1、調試 Windows 快捷鍵：ctrl+shift+i Mac 快捷鍵：command+option+i <br/> 2、使用 node.js 原生模塊（create-react-app），將 require 改成 window.require [https://github.com/electron/electron/issues/7300](https://github.com/electron/electron/issues/7300) <br/> 3、node.js 10+ 支持 API 的 Promise 化， ```js const fs = require('fs').promises // node10+ const path = require('path') const fileHelper = { readFile: (path) => { return fs.readFile(path, { encoding: 'utf8' }) }, writeFile: (path, content) => { return fs.writeFile(path, content, { encoding: 'utf8' }) } } fileHelper.readFile(testPath).then(data => { console.log(data) }) fileHelper.writeFile(testWritePath, '## hello world').then(() => { console.log('寫入成功') }) ``` <br/> 4、持久化解決方案 - electron-store [https://github.com/sindresorhus/electron-store](https://github.com/sindresorhus/electron-store)