vscode的設定和相關插件
更新於 發佈於 閱讀時間約 2 分鐘
首先要安裝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 : 自定義註釋類型。
3會員
17內容數
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
如何在 Vite 專案中安裝和設置 TypeScript 及路徑別名的步驟，包括安裝必要的依賴、配置 vite.config.js、tsconfig.json 的設置，及如何創建類型聲明文件來正確識別 .vue 文件。
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目，選擇Xcode、Visual Studio Code或AppCode作為編輯器，以及如何使用SPM安裝插件。
理解一個全新的操作環境有時候可能是一個挑戰，尤其對於那些剛開始接觸VS Code的開發者來說，即便具備一定的英文閱讀能力，可能也會對這個陌生的操作環境感到徬徨和不安。不過，沒有必要擔心，我們接下來就來一起用短短的一分鐘時間，將VS Code轉換成最熟悉的中文環境吧！
安裝繁體中文語言包
由於VS
本章節將引導你如何建立一個TypeScript開發環境，這包括安裝Node.js、npm和TypeScript，建立一個TypeScript項目，設置編輯器，以及編寫和編譯TypeScript代碼。在完成這些步驟之後，你將能夠編寫、編譯和運行TypeScript代碼。
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
在學習C#之前，必須先建立開發環境，例如安裝Visual Studio或其他IDE，並且建立第一個C#專案。可以在Visual Studio中或使用dotnet CLI來建立各種類型的專案。
本篇將分享VSCode工作區的設定與功能，包括如何將資料夾新增到工作區、如何存檔、以及外掛推薦。這些小技巧能夠幫助您在使用 rushjs 能更輕鬆地管理 monorepo，提高工作效率。
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
安裝程式 → 下載範本 → 列出專案的功能清單 → 開始開發
如何在 Vite 專案中安裝和設置 TypeScript 及路徑別名的步驟，包括安裝必要的依賴、配置 vite.config.js、tsconfig.json 的設置，及如何創建類型聲明文件來正確識別 .vue 文件。
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目，選擇Xcode、Visual Studio Code或AppCode作為編輯器，以及如何使用SPM安裝插件。
理解一個全新的操作環境有時候可能是一個挑戰，尤其對於那些剛開始接觸VS Code的開發者來說，即便具備一定的英文閱讀能力，可能也會對這個陌生的操作環境感到徬徨和不安。不過，沒有必要擔心，我們接下來就來一起用短短的一分鐘時間，將VS Code轉換成最熟悉的中文環境吧！
安裝繁體中文語言包
由於VS
本章節將引導你如何建立一個TypeScript開發環境，這包括安裝Node.js、npm和TypeScript，建立一個TypeScript項目，設置編輯器，以及編寫和編譯TypeScript代碼。在完成這些步驟之後，你將能夠編寫、編譯和運行TypeScript代碼。
因為最近想嘗試編碼風格，於是就選了一套比較"不嚴格"的輔助工具來摸索。
編輯器 VS CODE
框架 VUE3
打包工具 VITE
編碼風格 Standard
環境 version
{
"nodejs":"v18.18.0",
"npm":"9.8.1"
}
在學習C#之前，必須先建立開發環境，例如安裝Visual Studio或其他IDE，並且建立第一個C#專案。可以在Visual Studio中或使用dotnet CLI來建立各種類型的專案。
本篇將分享VSCode工作區的設定與功能，包括如何將資料夾新增到工作區、如何存檔、以及外掛推薦。這些小技巧能夠幫助您在使用 rushjs 能更輕鬆地管理 monorepo，提高工作效率。
VS code是什麼？
Visual Studio Code（通常縮寫為VS Code）是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言，提供了一系列先進功能和插件，讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。