代碼寫的好或爛 複雜度
Keyword:Vscode CodeMetrics
https://www.douyin.com/video/7322310977926565135
一個項目讓你徹底了解 CSS
Keyword:GithubRep iCSS
https://github.com/chokcoco/iCSS
https://www.douyin.com/video/7313408690751622452
Angular or 其他框架或庫,如何使用好用的斷點 Debug
ref:how-to-debug-angular-with-vscode
以往在寫 C# 通常都很直覺的使用 Visual Studio 的斷點功能,很快可以理解資料流與框架結構,但前端通常就用 console 快速處理掉,
直到在公司專案遇到大型的反應式開發 Reactive Programming / 配接器模式 Adapter Pattern 的前端結構,
很好的透過 NGRX & Adapter 把資料流搞到超複雜的,這時候就又需要前端斷點來追蹤資料流了,
在好幾個版本前印象都要下載 Extensions Debugger Chrome,
直到最近發現 VsCode 內建 JavaScript Debugger 只要在專案內配置好 launch.json 啟動瀏覽器後,再去 run 框架,就能簡單使用上斷點在此紀錄一下