精選！15個必備的VSCode插件

来源:https://www.cnblogs.com/jasonlai2016/archive/2018/09/13/9640135.html
-Advertisement-
Play Games

Visual Studio Code 是由微軟開發的一款免費、跨平臺的文本編輯器。由於其卓越的性能和豐富的功能，它很快就受到了大家的喜愛。 就像大多數 IDE 一樣，VSCode 也有一個擴展和主題市場，包含了數以千計質量不同的插件。為了幫助大家挑選出值得下載的插件，我們針對性的收集了一些實用、有趣 ...


Visual Studio Code 是由微軟開發的一款免費、跨平臺的文本編輯器。由於其卓越的性能和豐富的功能，它很快就受到了大家的喜愛。

就像大多數 IDE 一樣，VSCode 也有一個擴展和主題市場，包含了數以千計質量不同的插件。為了幫助大家挑選出值得下載的插件，我們針對性的收集了一些實用、有趣的插件與大家分享。

1. Open-In-Browser

精選！15個必備的VSCode插件

由於 VSCode 沒有提供直接在瀏覽器中打開文件的內置界面，所以此插件在快捷菜單中添加了在預設瀏覽器查看文件選項，以及在客戶端（Firefox，Chrome，IE）中打開命令面板選項。

插件地址：

https://marketplace.visualstudio.com/items?itemName=coderfee.open-html-in-browser

2. Quokka

精選！15個必備的VSCode插件

Quokka 是一個調試工具插件，能夠根據你正在編寫的代碼提供實時反饋。它易於配置，並能夠預覽變數的函數和計算值結果。另外，在使用 JSX 或 TypeScript 項目中，它能夠開箱即用。

插件地址：https://quokkajs.com/

3. Faker

精選！15個必備的VSCode插件

使用流行的 JavaScript 庫 – Faker，能夠幫你快速的插入用例數據。Faker 可以隨機生成姓名、地址、圖像、電話號碼，或者經典的亂數假文段落，並且每個類別還包含了各種子類別，你可以根據自身的需求來使用這些數據。

插件地址：

https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker

4. CSS Peek

精選！15個必備的VSCode插件

使用此插件，你可以追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時，選擇“ Go to Definition 和 Peek definition ”選項，它便會給你發送樣式設置的 CSS 代碼。

插件地址：

https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

5. HTML Boilerplate

精選！15個必備的VSCode插件

通過使用 HTML 模版插件，你就擺脫了為 HTML 新文件重新編寫頭部和正文標簽的苦惱。你只需在空文件中輸入 html，並按 Tab 鍵，即可生成乾凈的文檔結構。

插件地址：

https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate

6. Prettier

精選！15個必備的VSCode插件

Prettier 是目前 Web 開發中最受歡迎的代碼格式化程式。安裝了這個插件，它就能夠自動應用 Prettier，並將整個 JS 和 CSS 文檔快速格式化為統一的代碼樣式。如果你還想使用 ESLint，那麼還有個 Prettier – Eslint 插件，你可不要錯過咯！

插件地址：

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

7. Color Info

精選！15個必備的VSCode插件

這個便捷的插件，將為你提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停游標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息了。

插件地址：

https://marketplace.visualstudio.com/items?itemName=bierner.color-info

8. SVG Viewer

精選！15個必備的VSCode插件

此插件在 Visual Studio 代碼中添加了許多實用的 SVG 程式，你無需離開編輯器，便可以打開 SVG 文件並查看它們。同時，它還包含了用於轉換為 PNG 格式和生成數據 URI 模式的選項。

插件地址：

https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer

9. TODO Highlight

精選！15個必備的VSCode插件

這個插件能夠在你的代碼中標記出所有的 TODO 註釋，以便更容易追蹤任何未完成的業務。在預設的情況下，它會查找 TODO 和 FIXME 關鍵字。當然，你也可以添加自定義表達式。

插件地址：

https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

10. Icon Fonts

精選！15個必備的VSCode插件

這是一個能夠在項目中添加圖標字體的插件。該插件支持超過 20 個熱門的圖標集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。

插件地址：

https://marketplace.visualstudio.com/items?itemName=idleberg.icon-fonts

11. Minify

精選！15個必備的VSCode插件

這是一款用於壓縮合併 JavaScript 和 CSS 文件的應用程式。它提供了大量自定義的設置，以及自動壓縮保存並導出為.min文件的選項。它能夠分別通過 uglify-js、clean-css 和 html-minifier，與 JavaScript、CSS 和 HTML 協同工作。

插件地址：

https://marketplace.visualstudio.com/items?itemName=HookyQR.minify

12. Change Case

精選！15個必備的VSCode插件

雖然 VSCode 內置了開箱即用的文本轉換選項，但其只能進行文本大小寫的轉換。而此插件則添加了用於修改文本的更多命名格式，包括駝峰命名、下劃線分隔命名，snake_case 命名以及 CONST_CAS 命名等。

插件地址：

https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case

13. Regex Previewer

精選！15個必備的VSCode插件

這是一個用於實時測試正則表達式的實用工具。它可以將正則表達式模式應用在任何打開的文件上，並高亮所有的匹配項。

插件地址：

https://marketplace.visualstudio.com/items?itemName=chrmarti.regex

14. Language and Framework Packs

精選！15個必備的VSCode插件

VSCode 預設支持大量的主流編程語言，但如果你所使用的編程語言不包括在內，也可以通過下載擴展包來自動添加。同時，你還可以添加一些像 React Native 與Vue 的相關 Web 開發插件包。

插件地址：

https://marketplace.visualstudio.com/search?target=VSCode&category=Languages&sortBy=Downloads

15. Themes

精選！15個必備的VSCode插件

當然，在眾多的實用插件中，豈能少了漂亮的主題呢？你每天都會與你的 VSCode 編輯器進行“親密的接觸”，為何不把它打扮得更漂亮些呢？這裡有一些幫助你更改側邊欄的配色方案，以及圖標的相關主題，與大家分享：

• One Monokai

• Aglia

• One Dark

• Material Icon

 

轉載：https://blog.csdn.net/qq_38906523/article/details/77278403


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 根據用戶名的輸入顯示密碼（用了<String>泛型）
    /*介面List分為LinkedList和ArrayList；泛型<String>規定該類new出的對象或聲明的引用只能存放String類的對象 eg:List<String> map = new LinkedList<String>(); List<Integer> map = new Linke ...
  • 矩陣快速冪小結
    矩陣 並不想扯什麼高端線代的內容因為我也不會 定義 由$n \times m$個數$a_{ij}$排成的$n$行$m$列的數表稱為$n$行$m$列的矩陣，簡稱$n \times m$矩陣。 $$A =\begin{bmatrix}a_{11} & a_{12} & \dots a_{1m} \\ a ...
  • Python爬蟲項目--爬取自如網房源信息
    本次爬取自如網房源信息所用到的知識點: 1. requests get請求 2. lxml解析html 3. Xpath 4. MongoDB存儲 正文 1.分析目標站點 1. url: http://hz.ziroom.com/z/nl/z3.html?p=2 的p參數控制分頁 2. get請求 ...
  • python 終極篇 --- django 視圖系統
    Django的View（視圖） 一個視圖函數（類），簡稱視圖，是一個簡單的Python 函數（類），它接受Web請求並且返回Web響應。 響應可以是一張網頁的HTML內容，一個重定向，一個404錯誤，一個XML文檔，或者一張圖片。 無論視圖本身包含什麼邏輯，都要返迴響應。代碼寫在哪裡也無所謂，只要它 ...
  • 解決ASP.NET MVC 接受Request Playload參數問題
    今天與跟前端小伙伴對介面，發現微信小程式的POST帶參數傳值HttpContent.Request[]接收不到參數。 拿小程式官網文檔舉例 這樣訪問介面壓根收不到參數。解決辦法有兩種一種修改“application/json”為“application/x-www-form-urlencoded”這 ...
  • Bootstrap開發框架界面的調整處理
    我在之前介紹了很多關於Boostrap的框架方面的文章，主要是介紹各種插件的使用居多，不過有時候覺得基於Metronic的Boostrap框架的界面效果不夠緊湊，希望對它進行一定的調整，那麼我們應該如何進行相應的樣式調整呢，其實找到對應的CSS進行處理即可。同時也可以結合Chrome瀏覽器的開發者模... ...
  • C# 中 equals( ) 和 == 的區別和用法
    Equals: 下麵的語句中，x、y 和 z 表示不為 null 的對象引用。* 除涉及浮點型的情況外，x.Equals(x) 都返回 true。 * x.Equals(y) 返回與 y.Equals(x) 相同的值。 * 如果 x 和 y 都為 NaN，則 x.Equals(y) 返回 true。 ...
  • C#基礎委托回顧
    C 基礎委托回顧 前言 快忘記了。 委托的特點 委托類似於 C++ 函數指針，但它們是類型安全的。 委托允許將方法作為參數進行傳遞。 委托可用於定義回調方法。 委托可以鏈接在一起；例如，可以對一個事件調用多個方法。 方法不必與委托簽名完全匹配。 委托是事件的基礎。 "官網介紹" 用法 1. dele ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類