Visual Studio Code(VScode)外掛插件到底哪個好用? 34個插件推薦，從主題到撰寫工具滿足你不同需求
1年前
Visual Studio Code是很多工程師跟編碼者喜歡使用的撰寫工具
微軟開發、跨平台又免費，誰能不愛呢?
為了能讓開發環境更舒適、更便利，Visual Studio Code還有許多好用的插件可以使用，下面我們整理了34個好用插件，包含主題插件、icon圖示插件以及前後端開發的好用工具
Visual Studio Code由此免費下載,近幾年Visual Studio Code已經成為撰寫程式的愛好首選之一，使用優點很多
1.Windows、Mac、Linux都可以使用，支援的作業系統完整
2.完全支援Commonjs及ES6 import，讓開發者使用更接近時代趨勢
3.內建Git,團隊案件開發更方便
4.大量擴充插件，主題樣式、icon識別、AI檢測、排版工具等等，都是各方神人為了讓你能有更舒適環境設計的
主題
- Visual Studio Marketplace
這個插件主題跟icon 都有包含，如果真的對你來說有選擇障礙，那這個可以更換主題還能更改icon 的一定很適合你
- Visual Studio Marketplace
這個主題的配色非常酷，賽鵬提克色系的搭配與復古的介面樣式，就像電影黑客一樣
- Visual Studio Marketplace
這是一個很熱門的主體，顏色搭配跟斜體的使用
- Visual Studio Marketplace
這個插件包含了很多經典的主題風格，不會過於花俏相信很多人都會喜歡
- Visual Studio Marketplace
這個彩虹主題可以依照顏色來去做選擇，色彩非常多，對顏色有偏好的一定會很喜歡
- Visual Studio Marketplace
這個主題提供了很多常見的深色系，配色相當舒服，也非常耐看
Icon
- Visual Studio Marketplace
這個更改icon 對多數人來說應該是最直覺的，使用原先語法或程式的logo 提高辨識度，讓習慣看icon 的你一眼就可以知道屬於什麼內容
- Visual Studio Marketplace
更改icon 的圖示，還可以更改資料夾的顏色讓分辨資料更方便
前端
前端插件 #js #alpinejs
- Visual Studio Marketplace
自動補上程式碼末端標籤，這絕對是程式工作者最大的福音
- Visual Studio Marketplace
當你的標籤寫錯了要更改又找不到末端標籤怎麼辦，這個會動記住你的末端標籤是誰並且聯動的更改
- Visual Studio Marketplace
需要引入文件或者其他資料時，這將會是你的好幫手
- Visual Studio Marketplace
使用縮寫快速產生ES6的語法
- Visual Studio Marketplace
更改前端html 或 css 樣式的時候可以即時在瀏覽器預覽成果
- Visual Studio Marketplace
可以直接搜尋需要的CDNJS來快速引入
- Visual Studio Marketplace
16位元、顏色代號跟RGBA都可以簡易的知道這是代表什麼顏色
- Visual Studio Marketplace
可以單行或跨行多選，將所選的Html包在標記當中
PHP & Laravel插件
後端插件 #php #laravel
- Visual Studio Marketplace
php 智能除了提醒能夠使用的php 函數，再調用函數的時候也會提醒使用者要傳那些參數
- Visual Studio Marketplace
快速引入php檔案，若有多個名子相同的檔案，namespace就會在工作區指令區塊中顯示，並且快速選擇需要的檔案
- Visual Studio Marketplace
能夠幫助使用者快速使用laravel所提供的函數
- Visual Studio Marketplace
讓使用者快速找到組件檔案
- Visual Studio Marketplace
讓使用者快速找到檔案
好用的工具補充
各類生產套件 #中文化 #代辦事項TODO #快速排版 #圖片預覽
- Visual Studio Marketplace
格式化代碼，來讓排版一致
- Visual Studio Marketplace
語法突顯提醒你目前所在的TAG以及相對應的前標或者後標
- Visual Studio Marketplace
AI提示代碼來自動完成，加快編碼速度支援非常多語言跟框架
- Visual Studio Marketplace
顯示AlpineJS片段的功能提示
- Visual Studio Marketplace
將Alpine 語法進行高亮 讓寫在html 的alpine語法能夠看得更清楚
- Visual Studio Marketplace
讓使用者快速使用laravel插值語法
- Visual Studio Marketplace
可以不用另存新檔，直接運行代碼，可以再終端上看到執行效果
- Visual Studio Marketplace
git UI介面，可以將曾經commit 過的檔案 進行檔案回朔，記錄存儲的commit檔案時間
- Visual Studio Marketplace
滑鼠停留在路徑上可以預覽圖片
- Visual Studio Marketplace
將Vscode中文化的插件，可以在網路上搜尋教學安裝
- Visual Studio Marketplace
將待辦的項目做標示，利於日後修復或者標記工作排成時使用，也能自定義標籤名稱及顏色
- Visual Studio Marketplace
內置的粒子效果，打擊感強烈，累計輸入次數看數字越多越有成就感
- Visual Studio Marketplace
括號太多太雜亂，這個工具可以清楚幫你分顏色編碼時就不會一團亂了(目前已內建)
- Visual Studio Marketplace
上傳下載太麻煩，那就讓你的FTP跟VScode同步吧
- Visual Studio Marketplace
命名方式需要統一，那就一次搞定吧，不論是駝峰還是下底線都可以解決你的命名問題