「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 撰寫網頁原始碼時常常會縮錯排，或者將任何原始碼複製進來時都有可能造成整理不美觀，因此我們就需要依靠「Beautify」來美化原始碼，這款擴充功能支援以下幾種常見的網頁原始碼：javascript、JSON、CSS、Sass 和 HTML，安裝好後點鍵盤「F1」就可以選擇要整個檔案美化還是反白區段美化，

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 網頁前端設計師在撰寫 CSS 中的色碼時，都會希望可以有調色盤可以馬上進行調色，因此我就找到了「 […]

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 也許直接擷取編輯器上的程式碼就不錯看了！不過「Polacode」的開發者「P＆P」可不這麼認為 […]

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 撰寫程式碼的時候，像是 HTML 就常常需要連接 CSS 和 JS，我們在輸入路徑的 […]

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 VSCode 只要安裝「Python」這個擴充功能，再到官方網站下載安裝「Python」的直 […]

Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 VSCode 只要安裝「Live Sass Compiler」這個擴充功能就能支援即時編譯 Sass 成 CSS，就不需要使用到官方直譯器與終端機，非常方便，安裝完成後只要在下方開啟「Watch Sass」，每次儲存 SASS/SCSS 檔時都會自動生成一般的 .css 樣式表與偵錯用的 .css.

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 查了網路上不少資源，發現 JSP 的相關資源真的不多，VS Code 本身也不支援撰寫 JSP 程式碼，而且還被當作 HTML 來看，所以只好找找有沒有延伸模組（擴充功能）可以使用，最後好不容易找到「Java Server Pages (JSP)」，安裝後 VS Code 就可以正常讀取 JSP…

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 為了要開始進行 PHP 的開發，把常用的 VSCode 升級也是理所當然的，因為之前已經用過 HTML 、CSS 和 JS 的程式碼自動美化工具，也非常習慣給 IDE 自動美化了！所以就著手找了 PHP 專用的美化工具，在這裡分享給大家！讓大家開發 PHP 時不用自己縮排，交給 IDE 自動去做！

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 現在開發者工具越做越完善，只是缺乏別人的介紹而已！今天要來推薦的這個 VSCode 擴充可以在編輯器內建立即時更新的本機伺服器，當網頁內容儲存馬上反應在瀏覽器的預覽頁面上，速度非常快，就不用像過去一樣先儲存後在另外打開檔案預覽 … 而且有些情況直接打開網頁檔案是不能跑的，利用「Live…

距離上次發表 Node.js 教學文時隔四個月的時間，暑假決定來好好研究一波 Webpack，它跟 Gulp 算是同樣類型的工具，Gulp 偏向自己寫流程，Webpack 則是寫好配置文件交由程式直接跑，就不用自己設定流程，不過最終都是達到封裝的目的，至於網頁為什麼要封裝？身為站長的我必須告訴你，一個網站若沒有做封裝，除了用戶要下載的資訊量較多，檔案下載要求也會非常多，這會導致載入速度過慢的問題，