這里寫自定義目錄標題
- 背景
- Electron 開發 Markdown 編輯器全記錄
- 提問1:
- 提問2:
- 提問3:
- 提問4:
- 完整項目結構
- 總結
背景
前兩天百度在2025 百度AI開發者大會"如何駕馭Coding Agent分會場"上發布了文心快碼,注冊試用了一下,感覺還是很不錯的,比其他的開發助手要好很多,類似Trae和Cursor,個人感覺比Trae應用起來體驗好很多,至少不用排隊,功能也很非常強。
使用下面的鏈接注冊可以獲得100積分,后續可以兌換高級功能提問次數(利益聲明:注冊之后,我也可以獲贈同等積分)。
注冊鏈接
在網上看到一個應用視頻,看起來體驗非常不錯:
13327_1745739664
于是自己試了一下,實現了一個Electron Markdown編輯器。下面是提問過程,沒有任何編碼步驟:
Electron 開發 Markdown 編輯器全記錄
提問1:
“幫我創建一個Electron應用,實現一個MarkDown編輯器的功能,需要實現”所見即所得“,類似Typaro,盡量使用開源軟件,包含完整的開發和編譯流程”
文心快碼創建了一個應用,并分批創建了多個文件,執行npm start
跑起來也正常,印象比較深刻的是自動執行過程中,有報錯會自動分析和修正。
不過實現的MarkDown編輯器是左右分屏的,我期望可以實現編輯的時候所見即所得
提問2:
“上面的方法沒有實現所見即所得,修改這個編輯器,請更換一個markdown工具庫,不分編輯區和預覽區,實時編輯預覽,類似Typaro”
自動應用之后,可以滿足需求,可以編輯時,所見即所得
提問3:
“在頁面底部添加一個按鈕,點擊按鈕,窗口可以置頂”
底部新增了一個📌,點擊之后窗口會置頂
提問4:
“項目加一下打包流程,可以打包成MacOS和Window的可執行文件或安裝包”
自動引入了electron-builder ,執行"npm run build"之后會生成可執行文件
完整項目結構
.
├── build/
│ ├── icon.icns
│ └── icon.ico
├── src/
│ ├── main.js
│ └── renderer.js
├── index.html
├── package.json
└── GUIDE.md
后面打算加一下本地存儲功能,做為一個固定到桌面的ToDoList看板使用。
總結
還是很驚喜的,沒有任何編碼過程大概10分鐘就可以創建一個可用的小工具,作為一個開發人員,對即將失業的擔心又多了一分。