首先第一邊當然是介紹我們的生財工具VS Code啦~相信大家都有自己習慣的環境和模式,今天來分享我的VS Code相關的開發設定。
VS Code是一個功能豐富的程式碼編輯器,支援多種程式語言,例如JavaScript、HTML/CSS等等。對於軟體開發者來說,它是一個非常靈活且易於使用的工具。
除了強大的基本功能外,VS Code還可以透過安裝套件來擴展其功能。這些套件提供了各種方便的功能,幫助我們更有效率地開發。
自動換行
括弧顏色:可以協助整理巢狀結構
"editor.bracketPairColorization.enabled": true, //Bracket Pair Colorizer 協助大中小括號({}、[]、())一的獨立補上不同色彩(不用可以刪掉)
"editor.guides.bracketPairs": "active", //Bracket Pair Colorizer 協助大中小括號({}、[]、())一一(不用可以刪掉)
自動儲存格式化(自動排版):可以幫忙整理排的散亂的程式碼
Auto Close Tag
HTML自動封閉的套件
Auto Rename Tag
HTML可以一起更改頭尾標籤的套件
Code Spell Checker
檢查拼字錯誤的套件,debug的好幫手,效果有點像Word拼字檢查那樣
Git Graph
對於Git有漂亮的GUI可以看,方便查閱分支以及版本紀錄
Indent-rainbow
縮排好幫手,下圖彩虹就是它的效果
Live Server
好用的網頁預覽套件,不過有時候要注意一下路徑位置
3.自動儲存格式化(自動排版):可以幫忙整理排的散亂的程式碼
Auto Close Tag
HTML自動封閉的套件
Auto Rename Tag
HTML可以一起更改頭尾標籤的套件
Code Spell Checker
檢查拼字錯誤的套件,debug的好幫手,效果有點像word拼字檢查那樣
Git Graph
對於git有漂亮的GUI可以看,方便查閱分支以及版本紀錄
Indent-rainbow
縮排好幫手,下圖彩虹就是它的效果
Live Server
好用的網頁預覽套件,不過有時候要注意一下路徑位置
總結而言,VS Code 擁有強大的功能和豐富的套件生態系統,適合各種程式開發需求。透過介紹常用的基本設置,如自動換行、括弧顏色設置以及自動儲存格式化,我們可以提高程式碼的可讀性和整潔性。此外,常用的套件如 Auto Close Tag、Auto Rename Tag、Chinese (Traditional) Language、Code Spell Checker、Git Graph、Indent-rainbow 以及 Live Server 更進一步提升了開發效率,讓我們能更專注於寫程式,而不用花費太多時間處理繁瑣的細節。