搜尋
首頁開發工具VSCode一些提高開發效率的VSCode必備插件(分享)

本篇文章推薦給大家一些提高效率的VSCode外掛程式。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。

Visual Studio Code插件,提高效率必備~

一些提高開發效率的VSCode必備插件(分享)

相關推薦:《vscode基礎使用教學

我們的VSC(VSCode)將會像一個長了五隻可以發射雷射的獨角獸一樣!接下來會介紹我每天使用的非常有用的外掛。

如果你還是一個 VSC 的新手,那麼點擊左側最下方的按鈕來安裝插件。

一些提高開發效率的VSCode必備插件(分享)

1、Material Theme

下載:130 萬

Visual Studio Code 最悠久的主題!

一些提高開發效率的VSCode必備插件(分享)

2、Auto Import

下載量:46 萬

自動去找、分析、然後提供程式碼補全。對於 TypeScript 和 TSX,可以適用。

一些提高開發效率的VSCode必備插件(分享)

3、Import Cost

#下載量:41 萬

該外掛程式會在行尾顯示匯入的包的大小。為了計算套件大小,該外掛程式要使用 Webpack 和 babili-webpack-plugin。

Indent-Rainbow

下載量:13 萬

一個簡單的外掛可以讓對齊更加具有可讀性。

一些提高開發效率的VSCode必備插件(分享)

4、IntelliSense for CSS class names in HTML

下載量:243 萬

基於你的專案以及透過link標籤引用的外部文件,該智慧型外掛程式提供HTML 中CSS class 名字的補全。

一些提高開發效率的VSCode必備插件(分享)

5、SVG Viewer

#下載量:29 萬

一個用來預覽 SVG 的插件。

一些提高開發效率的VSCode必備插件(分享)

6、Prettier

#下載量:357 萬

你絕對不能少了這個插件,你需要它來一鍵美化你的JavaScript/TypeScript/CSS 程式碼。

一些提高開發效率的VSCode必備插件(分享)

7、React Native Tools

下載量:218 萬

程式碼提示、Debugging、整合RN的命令。

一些提高開發效率的VSCode必備插件(分享)

8、Sublime Text Keymap and Settings Importer

下載:76 萬

##從下載量來看,看來不少人從Sublime Text 轉移過來了。

一些提高開發效率的VSCode必備插件(分享)

這個外掛程式將 visual studio code 的快速鍵綁定改成了和 Sublime Text 3 一樣。你可以試試看:cmd P (Mac),ctrl P (Windows)。

一些提高開發效率的VSCode必備插件(分享)

你可以跳到文件,如果在搜尋前加上

>符號,你甚至可以搜尋動作,例如打開內建的終端、安裝插件等等。

對於習慣使用 ST3 的人,這是一個很大的加分項。

9、npm Intellisense

下載量:88 萬

VSCode 外掛程式可以在導入語句自動補全 npm 模組名稱。

一些提高開發效率的VSCode必備插件(分享)

10、lit-html

#下載量:3 萬

在JavaScript/TypeScript 的檔案中,如果有使用到HTML 標記,lit-html 提供語法高亮和對應的補全支援。

一些提高開發效率的VSCode必備插件(分享)

12、highlight-matching-tag

#下載量:6 萬

這本來應該是VSCode 應該預設提供的功能,高亮匹配的標籤。

一些提高開發效率的VSCode必備插件(分享)

13、GitLens

#下載量:772 萬

啥也別說,直接上圖!

一些提高開發效率的VSCode必備插件(分享)

14、Git Project Manager

下載量:37 萬

Git Project Manager 可以然你直接一鍵搜尋並開啟某個的基於Git 管理的專案。

一些提高開發效率的VSCode必備插件(分享)

15、Git History

#下載量:332 萬

用來檢視git log 或則一個文件的git 歷史,比較不同的分支,commits。

一些提高開發效率的VSCode必備插件(分享)

16、File Utils

#下載量:8 萬

提供了一個更簡潔的方法來建立、複製、移動、重新命名、刪除檔案/資料夾。

一些提高開發效率的VSCode必備插件(分享)

17、Bracket Pair Colorizer

下載量:228 萬

如果你的程式碼有很多的回調,那麼這種高亮可以幫助你更好地區分不同的程式碼區塊。

一些提高開發效率的VSCode必備插件(分享)

18、Color Highlight

#下載量:25 萬

直覺展示你定義的顏色。

一些提高開發效率的VSCode必備插件(分享)

19、CSS Peek

#下載量:23 萬

可以在HTML 中透過CSS id 或則class 來定位到其定義。

一些提高開發效率的VSCode必備插件(分享)

20、Debugger for Chrome

#下載量:1111 萬

用Chrome 來Debug 你的JavaScript程式碼,或則其它支援Chrome Debugger 協議的平台。

一些提高開發效率的VSCode必備插件(分享)

21、Quokka.js

#下載量:172 萬

即時執行JavaScript 程式碼(做快速的demo 很有用)。

一些提高開發效率的VSCode必備插件(分享)

22、Trailing Spaces

#下載量:7 萬

高亮那些冗餘的空格,可以快速刪掉。

一些提高開發效率的VSCode必備插件(分享)

23、TypeScript Hero

#下載量:72 萬

輔助 TypeScript 程式設計的童鞋!

一些提高開發效率的VSCode必備插件(分享)

24、WakaTime

#下載量:24 萬

從你的使用習慣產生資料報表。

一些提高開發效率的VSCode必備插件(分享)

25、Vetur

#下載量:451 萬

VS Code 下面的 Vue 工具!有 Pine Wu 開發,已經累積超過 400 萬下載量!

一些提高開發效率的VSCode必備插件(分享)

26、Code Runner

#下載:346 萬

支援多種語言的程式碼的立即執行。支援的語言:C, C , Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey , AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D。

一些提高開發效率的VSCode必備插件(分享)

27、PHP IntelliSense

下載量:415 萬

一些提高開發效率的VSCode必備插件(分享)

28、 vscode-icons

下載量:799 萬

Icon 集合。

一些提高開發效率的VSCode必備插件(分享)

29、Jest

#下載量:29 萬

愉快地使用 Facebook 的 Jest。

一些提高開發效率的VSCode必備插件(分享)

30、React.js code snippets

下載量:59 萬

用ES6 語法去開發React.js 應用程式非常方便。

一些提高開發效率的VSCode必備插件(分享)

英文| https://blog.fundebug.com/2018/07/24/vs-extensions/

更多程式設計相關知識,請造訪:程式設計學習網站! !

以上是一些提高開發效率的VSCode必備插件(分享)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:segmentfault。如有侵權,請聯絡admin@php.cn刪除
Visual Studio:探索定價和許可選項Visual Studio:探索定價和許可選項Apr 13, 2025 am 12:03 AM

VisualStudio提供三種版本:Community免費版適用於個人和小型團隊,Professional付費版適合專業開發者和中小型團隊,Enterprise旗艦版面向大型企業和復雜項目。

Visual Studio的價值:權衡成本與其收益Visual Studio的價值:權衡成本與其收益Apr 12, 2025 am 12:06 AM

VisualStudio在.NET开发中价值高,因其功能强大且全面。尽管成本和资源消耗较高,但其带来的效率提升和开发体验改善显著。对于个人开发者和小型团队,Community版是理想选择;大型企业则适合Professional或Enterprise版。

Visual Studio的可用性:哪些版本是免費的?Visual Studio的可用性:哪些版本是免費的?Apr 10, 2025 am 09:44 AM

VisualStudio的免費版本包括VisualStudioCommunity和VisualStudioCode。 1.VisualStudioCommunity適用於個人開發者、開源項目和小型團隊,功能強大,適合個人項目和學習編程。 2.VisualStudioCode是一個輕量級的代碼編輯器,支持多種編程語言和擴展,啟動速度快,資源佔用少,適合需要靈活性和可擴展性的開發者。

如何為Windows 8安裝Visual Studio?如何為Windows 8安裝Visual Studio?Apr 09, 2025 am 12:19 AM

在Windows8上安裝VisualStudio的步驟如下:1.從微軟官方網站下載VisualStudioCommunity2019安裝包。 2.運行安裝程序並選擇所需組件。 3.完成安裝後即可使用。注意選擇與Windows8兼容的組件,並確保有足夠的磁盤空間和管理員權限。

我的計算機可以運行與代碼嗎?我的計算機可以運行與代碼嗎?Apr 08, 2025 am 12:16 AM

VSCode可以在大多數現代電腦上運行,只要滿足基本系統要求:1.操作系統:Windows7及以上,macOS10.9及以上,Linux;2.處理器:1.6GHz或更快;3.內存:至少2GBRAM(推薦4GB或更高);4.存儲空間:至少200MB可用空間。通過優化設置和減少擴展使用,可以在低配置電腦上獲得流暢的使用體驗。

如何使程序與Windows 8兼容?如何使程序與Windows 8兼容?Apr 07, 2025 am 12:09 AM

要讓程序在Windows8上順暢運行,需採取以下步驟:1.使用兼容性模式,通過代碼檢測並啟用該模式。 2.調整API調用,根據Windows版本選擇適當的API。 3.進行性能優化,盡量避免使用兼容性模式,優化API調用並使用通用控件。

VS代碼在Windows 8上有效嗎?VS代碼在Windows 8上有效嗎?Apr 06, 2025 am 12:13 AM

Yes,VSCodeiscompatiblewithWindows8.1)DownloadtheinstallerfromtheVSCodewebsiteandensurethelatest.NETFrameworkisinstalled.2)Installextensionsusingthecommandline,notingsomemayloadslower.3)Manageperformancebyclosingunnecessaryextensions,usinglightweightt

VS代碼和Visual Studio有什麼區別?VS代碼和Visual Studio有什麼區別?Apr 05, 2025 am 12:07 AM

VSCode是輕量級代碼編輯器,適用於多種語言和擴展;VisualStudio是功能強大的IDE,主要用於.NET開發。 1.VSCode基於Electron,支持跨平台,使用Monaco編輯器。 2.VisualStudio使用微軟自主技術棧,集成調試和編譯器。 3.VSCode適合簡單任務,VisualStudio適合大型項目。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具