本文非常適合 Electron 入門選手，牆裂推薦！
本文作者：HelloGitHub-蔡文心
大家好！這里是 HelloGitHub 推出的《講解開源項目》系列，今天給大家帶來的一款基於 Electron 和 PHP 實現的桌面腦圖工具開源項目——DesktopNaotu。
不知道各位小伙伴有沒有發現，現在許多工作崗位與圖表制作的接觸越來越多，時不時你就會接到個加急制作圖表任務。市面上的多數圖表制作軟件要么收費，要么讓充 VIP。充個月卡，很有可能只用 1 次，就沒用了。這兩件事加在一起就像渣 * 一邊 PUA 你，一邊還騙你錢！
如果你身邊有這樣的朋友，請介紹給我，我來負責。
如果你沒有，那你現在有了，因為很不幸我就是被 PUA 的一個
好產品收費當然無可厚非，不過你可是 HG 的讀者，而我們 HG 的背后是開源世界！今天帶來的 DesktopNaotu 是一個開源項目，一個完全免費的腦圖制作工具。話不多說，讓我們來看看它的使用說明和功能吧！
一、介紹
DesktopNaotu 是基於百度腦圖的本地化版本，能夠幫助你在沒有互聯網環境的情況下，依然可以使用腦圖工具。
1.1 跨平台
DesktopNaotu 目前支持 macOS、Linux 和 Windows 7/10。
1.2 功能
- 包含百度腦圖的基本功能
- 支持本地 .km 文件的操作
- 支持拖拽打開 .km 文件
- 支持關聯打開 .km 文件
- 支持自動保存文件功能
- 支持導出多種格式文件
- 提供 百度腦圖 文件的下載方式
- 提供 ProcessOn 思維導圖的下載方式
二、安裝
2.1 下載安裝包
2.2 解壓
將 DesktopNaotu-darwin-x64 文件夾解壓至應用程序目錄。
2.3 啟動
好了，到這一步軟件已經能夠啟動了，但是大家可能注意到了菜單怎么是英文的呢，官網示例明明是中文的呀。沒錯這里的確是有個 bug，不過我已經找到了解決方案，請看下一步：
2.4 解決語言問題
目前測試了 Windows10 和 macOS 兩個較為常用的平台，發現在 Windows10 下安裝后能夠顯示中文語言。所以如果是 Windows10 用戶就可以跳過這塊內容了。
像我一樣想要使用中文菜單的 macOS 用戶請放心，我已將幫你們趟過這個坑了。
2.4.1 語言設置
在終端輸入以下命令：
cd '~/Library/Application Support/desktopnaotu'
vi naotu.config.json
接下來會看到以下信息，將其中的 locale: en 改為 locale: zh_CN：
{
"locale": "en",
"defSavePath": "/Users/caim014/Library/Application Support/desktopnaotu/backup",
"isAutoSave": true,
"recentMaxNum": 5,
"recently": [{
"time": "2021-01-21 18:07:58",
"path": "/Users/caim014/Library/Application Support/desktopnaotu/backup/Main Topic1.km"
}, {
"time": "2021-01-20 15:57:05",
"path": "/Users/caim014/Library/Application Support/desktopnaotu/backup/Main Topic.km"
}],
"version": "v0.1"
}
最后 Esc 並輸入 :wq 后回車。重啟 Desktopnaotu 程序就能看到效果了。
好啦，到這為止你就可以正常使用 Desktopnaotu 來繪制腦圖了。
三、技術棧
前端：
- Electron：使用了 Electron 實現跨平台應用開發
- TypeScript
后端：PHP
四、最后
在今天的文章中比較有意思的是設置語言問題，由於官方也沒有針對這個問題做解釋，加上之前我也沒有接觸過 Electron 框架，對桌面程序的配置文件也沒有太多了解。為了解決語言設置問題，也是費了很大一番功夫，當然也可能是我比較菜: )
- 查閱項目倉庫的 issue，沒有找到相關提問
- 加入官方群詢問官方。官方開發手邊沒有 Mac，無法直接幫忙解決，但是給了重要線索——
naotu.config.json文件 - 使用 asar 工具解壓 app.asar 在根目錄尋找
naotu.config.json文件。繞了很大的圈子還沒解決，因為不在根目錄下
最后,克隆代碼到本地在編譯時在控制台輸出發現了 naotu.config.json 文件的路徑。過程中也想放棄推薦這個開源項目，雖然我也可以只拿 Win10 平台做演示，但我認為這就等於將《開源講解》中的講解拋棄了。
這也算是做這個系列的樂趣之一了，之后也會給官方提交 PR 在 Readme 中補充這一點。
我是 HelloGitHub 團隊的文心，如果你喜歡這篇文章，請給我點個贊吧，這將是我繼續堅持下去的最大動力！
關注 HelloGitHub 公眾號 收到第一時間的更新。
還有更多開源項目的介紹和寶藏項目等待你的發掘。