首先要安裝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 : 自定義註釋類型。
