Amo Chen

VS Code 擴充推薦 - Better Comments

每個開發者或開發團隊在開發時,或多或少都會在註解(comments)留下一些說明或標籤(tags),包含 TODO , FIXME , WARNING , REF 等等,這些被稱為 Codetags

雖然目前還沒有明確標準要怎麼使用這些標籤,不過開發時如果能將這些標籤強調(highlight)顯示,讓開發者更容易注意到註解處有其他成員想要說明的事或想要做的事,讓註解不僅僅只是註解,而是增加註解被關注到的機率。

本文將介紹 VS Code 擴充 Better Comments, 讓開發者或開發團隊可以自訂要強調顯示的 codetags, 以增強開發協作能力。

Posted on  Aug 14, 2023  in  VS Code , VS Code 擴充推薦  by  Amo Chen  ‐ 2 min read

網頁如何做到體驗很好的圖片載入

你有沒有想過相簿相關的 Web 服務如何同時載入那麼多張圖,但又不會讓體驗感覺很糟糕? 當一個網頁很多張圖時,最常見的情況是會因為圖還在下載的情況,導

Posted on  Aug 14, 2023  by  Amo Chen  ‐ 1 min read

VS Code 擴充推薦 - Dev Containers

本文介紹 VS Code 擴充 - Dev Containers, 這個擴充可以讓開發者用 VS Code 在 Docker 容器中進行開發,體驗上就跟在本機開發同樣自在,還可以統一開發團隊的開發環境!

目前知名開源專案 ELECTRON, CodeQL, etcd 等都已經使用 Dev Containers 作為開發一環,絕對值得使用!

Posted on  Aug 13, 2023  in  VS Code , VS Code 擴充推薦  by  Amo Chen  ‐ 4 min read

VS Code 擴充推薦 - EditorConfig

一樣米養百樣人,每個人喜歡用的編輯器(editor)都不一樣,有些人喜歡用 Vim, 有些人喜歡 Emacs, 有些人則使用 Visual Studio Code(VS Code),個人則是 Vim 與 VS Code 兩棲使用者。

也由於編輯器預設值/設定不一樣,例如有些使用 Tab 縮排,有些用 4 個空格縮排,這種不同編輯器間的差異,會對開發團隊帶來 coding styles 不ㄧ致的問題,而且每個公司一般來說會有各種開發專案,不同開發專案間有不同的 coding styles 是很常見的事,這時如果只是在 README 或開發文件中規定 coding styles 不僅麻煩,也容易造成開發者的困擾。

針對這種問題,目前最好的解決辦法就是使用 EditorConfig ,將 coding styles 設定寫成 .editorconfig 放到各個專案之中,並請每位團隊成員安裝 EditorConfig 擴充(extension/plugin),如此就能讓團隊成員在開啟各種不同專案自動載入不同的 coding styles, 完成一種無縫切換的開發體驗!

Posted on  Aug 11, 2023  in  VS Code , VS Code 擴充推薦  by  Amo Chen  ‐ 3 min read

功能上線 3 階段思考框架

不知道大家開發一項功能時,會怎麼思考讓它上線要做的事情? 我個人是使用「功能上線 3 階段思考框架(自稱)」幫助思考功能 1 個上線要做哪些事情,這個

Posted on  Aug 9, 2023  by  Amo Chen  ‐ 2 min read

靜態程式碼弱點掃描工具 - CodeQL

最近看到有專案的 GitHub Actions 在用 CodeQL, 所以查了一下什麼是 CodeQL 。 原來 CodeQL 是 1 套開源靜態程式碼弱點掃描工具,每個人都可以使用這套工具對程式碼進行弱點掃描,例如 SQL

Posted on  Aug 8, 2023  by  Amo Chen  ‐ 1 min read