Laf Assistant:雲開發從未如此爽快!

原文鏈接:https://forum.laf.run/d/67

工欲善其事,必先利其器。在編寫代碼時,IDE 也是我們不可或缺的。它可以讓我們更高效地完成代碼編寫,提高開發效率。因此,IDE 是我們編寫代碼中最親密的夥伴之一。

雖然 Laf 雲開發有簡潔的 Web IDE,只要能打開瀏覽器就可以隨處編輯雲函數。

但很多人還是希望能在 IDE 中編寫雲函數代碼。

得益於 laf-cli 的開發和 API 的開放,Laf 也對本地代碼編輯器沒有任何強制性的要求,也就意味着 Laf 可以直接使用 VS Code 或者任何編輯器去完成雲函數的編寫和調試,以及發佈和更新。

laf-cli 是一個 npm 模塊,可以通過命令行去完成 Laf 雲開發的雲函數管理、雲存儲管理等等。藉助命令行,我編寫了一個 VS Code 插件:laf assistant

Laf 直接使用 VS Code 的體驗並不那麼完美

VS Code 是一款免費、開源、跨平臺的代碼編輯器,由 Microsoft 開發和維護,插件豐富,功能強大。並且很重要的一個原因是,我自己習慣用 VS Code。也有相當多的開發者也跟我一樣習慣使用 VS Code。

laf assistant 出來之前,我嘗試用了一段時間的 Laf-cli 模塊。每修改一段代碼,需要調試的時候,需要輸入比較複雜的命令。

比如的雲函數名爲 :BatchTestDB ,那麼我需要在命令行輸入:laf func exec BatchTestDB -l 9

切換雲函數,需要手動改命令。當如果出現大量的 log,體驗是這樣的。

另外一個比較麻煩的問題是,在終端裏面輸出的內容是不能編輯、也不能摺疊代碼的。對於輸出比較大的 JSON 數據時,查看日誌也是非常痛苦的一件事。同時經過一段時間的調試,終端的內容也會越來越多,看得眼花繚亂。

到了發佈雲函數的時候,也是手動修改命令行纔可以完成。

而 Laf 雲開發的 Web IDE 在雲函數的調試、發佈和管理上明顯會比這種方式更加的方便和簡單。爲了讓優秀的 Web IDE 的優勢完美的和本地開發相結合。我動了開發 VS Code 插件的想法。

Laf assistant 的代碼編寫體驗

在雲函數的編輯框內,點擊右鍵,即可發佈、下載或者運行雲函數,結合 VS Code 自帶的改鍵功能,比如我自己把運行雲函數改鍵成了 ⌘+F1,每次修改完雲函數,保存雲函數後,按快捷鍵 ⌘+F1 即可運行雲函數。

我把日誌輸出到了一個全新的文本中,可以隨意的編輯和摺疊,用起來更加方便了。如果需要保存也可以直接保存到一個文件中,當然也可以關閉這個編輯器丟掉這個日誌內容。

代碼版本管理和協同

Laf 雲開發的 Web IDE 沒有代碼系統和版本管理。Web IDE 並不會保存所有的修改版本,只是存在了瀏覽器的本地緩存中,也就意味着如果不小心清理了緩存或者切換瀏覽器,Web IDE 編輯器內的草稿可能就消失了。同時如果開發的項目有多人協同的需求也會相當麻煩。

在我看來,Web IDE 適合簡單的雲函數的快速開發和上線發佈,以及臨時的代碼修改。如果遇到複雜的代碼情況,就很難跟 VS Code 的本地開發體驗相提並論來了。

同時 laf assistant 還可以讓前端代碼和 Laf 雲函數代碼在一個項目中管理,實現一個項目管理前後端的全部代碼。而且 Web IDE 也無法搜索代碼,而如果前後端的代碼都在一個項目中,就可以很方便的全局搜索前後端中的代碼。

結合 Git 的使用,很方便的就可以實現代碼的版本管理。

另外如果需要協同開發,laf assistant 也支持針對不同電腦的同一項目去單獨配置 Laf API 地址和 Laf 應用 Appid,每個開發人員就可以在自己的 Laf 應用裏面去調試開發,代碼上線發佈的時候,可以發佈到正式應用。避免了測試數據的污染。

laf assistant 的後續升級計劃

1、AI 加持

目前接口已經基本實現,通過一段文字描述即可寫出直接可用或簡單修改即可用的雲函數代碼,並且如果遇到某個 JS 不會寫,某個數據庫語法不會寫,都可以通過一句話去完成

後續在 VS Code 中,僅需要點點鼠標或者快捷鍵即可通過 AI 去自動完成雲函數代碼。

2、增加雲存儲的管理

本地編譯的前端代碼,可以一鍵託管到 Laf 的雲存儲。

3、雲函數會增加更多的調試模式

自定義調試的參數。後續還會加上實時日誌監聽,方便在前端調試時,去查看日誌。

4、獨立管理面板

點擊側邊欄 Laf 的圖標,Laf 雲開發相關的內容都會集中顯示在這裏。

5、更多細節優化

所有的開發者也可以給我提優化意見,讓 laf-assistant 更加好用,讓雲開發更加爽快!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章