原文鏈接：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 更加好用，讓云開發更加爽快！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/552002.html
標籤：其他
上一篇：資料結構與演算法大作業：走迷宮程式（C語言,DFS)(代碼以及思路）
下一篇：返回列表