VS Code

VS Code 擴充推薦 — Rainbow CSV

你的工作是否經常需要開啟 CSV, TSV 檔？

如果是的話，試試看 Rainbow CSV 吧！它可以用不同色彩顯示 CSV, TSV 檔案的資料欄位，還支援 SQL-like 的查詢語言喔！

Posted on Feb 9, 2024 in VS Code , VS Code 擴充推薦 by Amo Chen ‐ 2 min read

如果只是想要用 VS Code 預覽某些樣板、測試 html 語法，想要有個簡單的 Web Server 幫助瀏覽結果的話，可以參考使用本文介紹的 Live Server 擴充。

Posted on Feb 9, 2024 in VS Code , VS Code 擴充推薦 by Amo Chen ‐ 2 min read

開發的時候，經常會有測試某些函式、程式碼範例的需求，這時候雖然可以用 JSFiddle, Go Playground 等服務進行測試，不過最方便的還是能在編輯器中直接執行測試。

這個需求可以用 VS Code 擴充 — Code Runner 解決！

該擴充支援執行多種程式語言的程式碼片段(Code Snippets)或者程式碼檔案，包含 C, C++, Java, JavaScript, Python, Go, Rust 等程式語言，相當適合執行某些程式碼範例、測試函式庫的使用方式等情況。

Posted on Jan 31, 2024 in VS Code , VS Code 擴充推薦 by Amo Chen ‐ 2 min read

程式設計師怎麼可能只開發 1 個 Project 呢？

一定是工作的專案、個人 side projects 加起來好幾個！

不過， VS Code 目前只提供 “Open Recent” 可以選擇最近開啟過的資料夾，其實相當不便。

這個問題可以使用本文介紹的 VS Code 擴充 — Project Manager 解決！

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

你是否對於經常打 console.log() 感到厭煩？是不是想擺脫這種枯燥乏味的 console.log() 人生？

Posted on Jan 16, 2024 in VS Code , VS Code 擴充推薦 by Amo Chen ‐ 2 min read

如果工作上經常需要跟 XML 格式的資料或設定檔打交道的話，推薦可以在 VS Code 安裝由 Red Hat 開發的 XML 擴充。

Posted on Sep 1, 2023 in VS Code , VS Code 擴充推薦 by Amo Chen ‐ 1 min read

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