VSCODE 外掛推薦

小kBlog發表於2024-05-30

目錄

  1. 主題及圖示
  2. 功能強化
  3. Git 整合
  4. 資料庫
  5. 程式設計美化
  6. 開發效率
  7. 前端開發
  8. 資料分析
  9. AI 輔助
  10. 修仙外掛

主題及圖示

  • GitHub Theme

    • 黑白兩款皮膚,為VS Code提供GitHub風格的介面。
      image
      image
  • Material Theme

    • 整合多種主題皮膚,搭配Material Icon Theme使用效果更佳。
      image
  • Material Icon Theme

    • 扁平化圖示庫,提供現代化的視覺體驗。
      image
      image
  • vscode-icons

    • VSCode官方出品的圖示庫,增強檔案和資料夾的視覺識別。
      image
      image

功能強化

  • wakatime

    • 跟蹤程式設計時間和行為,幫助提升開發效率。
      image
      image
  • Polacode

    • 程式碼截圖工具,快速生成程式碼的視覺展示。
      image
  • Chinese (Simplified) Language Pack for Visual Studio Code

    • 中文語言包,最佳化中文使用者的使用體驗。
      image

Git 整合

  • GitHub Pull requests

    • 在VS Code中檢視和管理GitHub的拉取請求和問題。
      image
  • Git Graph

    • 圖形化顯示Git操作,簡化版本控制流程。
      image
  • CodeStream

    • 團隊協作開發,程式碼評審和討論,提高團隊效率。
      image

資料庫

  • Oracle Developer Tools for VS Code

    • Oracle資料庫支援,為Oracle使用者提供便捷的開發工具。
      image
  • SQL Server (mssql)

    • Microsoft SQL Server資料庫支援。
      image
  • MySQL

    • 支援MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, Redis, ElasticSearch等多種資料庫。
      image
  • MongoDB for VS Code

    • MongoDB資料庫支援,簡化MongoDB的開發流程。
      image

程式設計美化

  • Bracket Pair Colorizer

    • 給匹配的括號上色,提高程式碼的可讀性。
      image
      image
  • Highlight Matching Tag

    • 突出顯示匹配的HTML和JSX標籤,最佳化前端開發體驗。
      image
  • Markdown Preview Enhanced

    • 增強Markdown預覽功能,提升Markdown檔案的編輯體驗。
      image
      image
  • Image Preview

    • 支援圖片預覽,簡化影像檔案的處理。
      image
      image

開發效率

  • EditorConfig for VS Code

    • 統一程式碼風格,保持程式碼的一致性。
      image
  • change-case

    • 快速更改變數命名風格,適應不同程式語言的規範。
      image
  • Codelf

    • 變數命名助手,提高編碼效率。
      image
      image
      image
  • Prettier - Code formatter

    • 自動格式化程式碼,保持程式碼整潔。
      image
  • vscode-json

    • 最佳化JSON檔案的操作和顯示。
      image
  • Regex Previewer

    • 預覽正規表示式效果,簡化正規表示式的除錯過程。
      image

前端開發

  • npm Intellisense

    • 提升npm包的自動完成和智慧提示。
      image
  • Turbo Console Log

    • 快速新增console.log資訊,簡化JavaScript除錯。
      image
  • css-auto-prefix

    • 自動新增CSS字首,保持CSS程式碼的相容性。
      image
  • CSS Peek

    • 檢視CSS定義,提高CSS開發的效率。
      image

資料分析

  • Sort lines

    • 對文字進行排序,簡化資料處理。
      image
  • Data Preview

    • 預覽資料檔案,快速理解資料內容。
      image

AI 輔助

  • GitHub Copilot
    • AI輔助編碼,根據函式名和註釋自動生成程式碼。
      image

修仙外掛

  • LeetCode

    • 刷題工具,幫助提升演算法能力。
      image
  • VSC Netease Music

    • 網易雲音樂整合,為程式設計師提供音樂播放功能。
      image
  • daily anime

    • 追番工具,滿足動漫愛好者的需求。
      image

以上是針對VS Code的外掛推薦列表,涵蓋了從美化介面到提高開發效率,再到特定領域的專業工具,希望對你的VS Code使用體驗有所幫助。

相關文章