Amo Chen

VS Code 擴充推薦 - Live Sass Compiler

Sass 的出現，改善 CSS 語法的不足， Sass 可以更像寫程式一樣定義變數、函數，也可以使用 if-else, for 等程式常見的邏輯控制，甚至模組化都可以做到，最後還可以編譯輸出 CSS, 讓前端工程師的工作效率提升到一個全新檔次。

知名的前端框架 Bootstrap 即使用 Sass 開發的，足見 Sass 的實用性！

本文將如何在 VS Code 中使用 Live Sass Compiler 擴充將 Sass 編譯成 CSS 。

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

Material Icon Theme 是 VS Code 擴充中著名的 VS Code 主題，擁有 4.9 顆星的評價， 1,900+ 萬個安裝數，是我個人正在使用的主題，也推薦給大家。

本文將介紹如何安裝與設定 Material Icon Theme 。

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

個人以往長時間使用 Vim 作為主要編輯器使用，但是現在除了 Vim 之外，也會使用 VS Code 進行開發。

Vim 有個功能稱為 bookmark , 可以讓人在特定行做一個書籤，等到需要的時候，可以使用快捷鍵/指令迅速跳到該書籤，可以節省切換的時間，相當高效。

不過使用 VS Code 之後就失去這個功能，所幸還是可以安裝擴充解決問題。

這個擴充稱為 Numbered Bookmarks 推薦給大家使用。

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

相信大家學寫程式都有相同的一段經驗，那就是看不懂例外錯誤(exceptions)訊息的意思，你可能每個單字都認識，但組合起來就像天書一樣難以理解⋯⋯。

如果有更容易理解的例外錯誤訊息的話，相信會減輕大家在學習與除錯的痛點！

本文要介紹的 better-exceptions 套件，是一個不管新手、老手都適用的套件，它改良了 Python 的例外錯誤訊息，把錯誤當下的變數值一併顯示在例外錯誤訊息當中，就這一個貼心的舉動，大大改善大家在學習與除錯的體驗。

是一個值得推薦與擁有的套件！