介紹

Electron React Boilerplate是Github上超過12k+star的可擴展跨平臺應用程序開發框架，Electron 是基于HTML+CSS+Javascript等 Web 技術創建原生程序的框架，它已經幫我們搞定了最難搞的部分，而Electron React Boilerplate在其基礎上進行了擴展，將React集成進去并構建成了模板。

文檔和Github地址

• 文檔：

https://electron-react-boilerplate.js.org/docs/installation

• Github

https://github.com/electron-react-boilerplate/electron-react-boilerplate

特點

• 熱加載

顧名思義，實時預覽功能

• 可擴展

構建沒有類型的可擴展應用程序只能做到這一步。開發應用程序時出現類型錯誤。在編譯時和運行時引發錯誤

• 性能：構建優化

開箱即用的webpack優化和壓縮代碼解決方案，這避免了與傳統Electron 應用程序相關的性能瓶頸。

• 項目使用到的工具

Electron

React, Redux, React Router,

Webpack

React Hot Loader

快速入門

測試環境：Windows 10 V1903

# 從Github快速克隆:

git clone --depth=1 https://github.com/electron-react-boilerplate/electron-react-boilerplate.git your-project-name

#命令行到項目目錄

cd your-project-name

# yarn安裝依賴

yarn

---

#運行

yarn dev

運行成功

我這里中途并未出現過什么錯誤，如果你在搭建過程中出現了什么錯誤，可以參考官網的安裝調試指南。

#構建

yarn build

#打包

要打包本地平臺的應用程序：

yarn package

構建多個平臺請參考官方指南，設計一些依賴

yarn package-all

構建可選平臺 yarn package --[option]

yarn package --win //windowsyarn package --mac //macyarn package --linux //linux

---

編輯器配置

建議使用VSCode安裝以下擴展，只為了讓你有更好的體驗，以及提高編碼效率

• Editorconfig
• ESLint
• Prettier
• Flow
• Babel
• Jest
• ES6 Snippets
• React Snippets

項目目錄

項目的目錄和開發基本的React應用相差不大

總結

有了Electron React Boilerplate可以省去我們很多基礎工作的時間，對于熟悉React的人來說尤為友好！

總結

以上是生活随笔為你收集整理的electron开发_基于Electron+React的跨平台应用程序基础开发框架的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。