vscode的設定和相關插件

首先要安裝vscode :
Visual Studio Code - Code Editing. Redefined

安裝過程中記得要選 Add to PATH，就是將VSCode 添加到系統的 PATH 環境變量中。
安裝後我們就可以把她打開來，接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json，就可以開始你的設定拉(主要是依照個人的喜好設定)~

接下來給你看我的setting.json裡面設定有哪些

{    

"files.autoSave": "afterDelay",           // 自動保存檔案       
"workbench.startupEditor": "none",         //啟動編輯器設定
"workbench.colorTheme": "Catppuccin Macchiato",    //這是我的vscode配色主題
"workbench.iconTheme": "catppuccin-macchiato",    //設定我的圖標風格(就是檔案旁邊的圖標)

}

相關插件 :

• Chinese (Traditional) Language Pack for Visual Studio Code : 就是變中文版。
• Live Server : 寫HTML、CSS 和 JavaScript 時，用來啟動服務器，可以當下看到你的修改。
• TODO Highlight : 你可以標記你todo 將要做的事或是tofix 他會變色在你的vscode上，你可以一眼看到你這裡還有事要做或註解。
• Postman : 你可以在vscode直接操作測試API，不用在開網頁。
• Git Graph : 用圖形介面來看你的git流程。
• ESLint： 檢查JavaScript 和 TypeScript代碼之間的問題。
• Prettier - Code formatter：：檢查代碼是否風格一致。
• Stylelint：檢查CSS、SCSS代碼。
• Color Highlight : CSS挑顏色的時候會再程式碼呈現。
• Auto Rename Tag : 你如果要修改標籤，結尾標籤也會自動改。
• Better Comments : 自定義註釋類型。