搜尋
首頁開發工具VSCode推薦一些VSCode的好用插件

推薦一些VSCode的好用插件

Sep 12, 2020 am 10:24 AM
vscode外掛

推薦一些VSCode的好用插件

相關推薦:《vscode基礎教程

作為一個從業多年的碼農,總結一下用過的好用的外掛(只代表個人意見

Auto Close Tag:見名知意,幫您自動書寫尾標籤,對於前端開發來說絕對是福音,除了提升書寫速度,同時也可避免一些因為忘記尾標籤產生的bug,如下:

推薦一些VSCode的好用插件


Auto Import:從簡介Works with Typescript and TSX  就能明白其工作的環境,需要在使用TS或TSX的專案中,以angular的專案為例,如下:

推薦一些VSCode的好用插件


#Path Autocomplete:另一款資源引入路徑提示插件,示範如下:

推薦一些VSCode的好用插件


Color Highlight:顏色高亮,直接在程式碼中高亮,如下圖:

推薦一些VSCode的好用插件


#Image preview:圖片預覽,直接在程式碼編輯時預覽,如下圖:

推薦一些VSCode的好用插件


#Bracket Pair Colorizer:讓你的程式碼不再眼花撩亂,除了使用不同的顏色括號([]、{}、()),也給同一對括號使用連線作為標記,真是review程式碼的好幫手,如下:

推薦一些VSCode的好用插件


##Bookmarks: 一款書籤插件,安麗一下,學習源碼做書籤尤其好用,如下:

推薦一些VSCode的好用插件


Live Server:SPA寫多了是不是快忘了最簡單的html如何開發了,這是一款支援熱更新的html預覽插件,如下:

推薦一些VSCode的好用插件


Draw.io Integration:一款流程圖繪製插件,如下:

推薦一些VSCode的好用插件


Git Graph:git插件,這個插件也體現出vscode一站式解決問題的決心和能力,如下:

推薦一些VSCode的好用插件


#Markdown Preview Enhanced: markdown插件,支援即時預覽,如下:

推薦一些VSCode的好用插件

小結:

除了以上插件外,根據不同的工作場景還有很多有用、有趣的插件,vue、angular、react、node等等都有對應的插件,這些插件極大的提高了我們的開發效率,感興趣大家可以積極探索,以上只是列舉了本人工作中常用的插件,有好用、好玩的外掛歡迎下方留言區留言

更多程式相關知識,請造訪:

程式設計教學! !

以上是推薦一些VSCode的好用插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:知乎。如有侵權,請聯絡admin@php.cn刪除
Visual Studio專業和企業:付費版本和功能Visual Studio專業和企業:付費版本和功能May 10, 2025 am 12:20 AM

VisualStudioProfessional和Enterprise的區別在於功能和目標用戶群體。 Professional版適合專業開發者,提供代碼分析等功能;Enterprise版面向大型團隊,增加了測試管理等高級工具。

在Visual Studio和VS代碼之間進行選擇:適合您的合適工具在Visual Studio和VS代碼之間進行選擇:適合您的合適工具May 09, 2025 am 12:21 AM

VisualStudio適合大型項目,VSCode適用於各種規模的項目。 1.VisualStudio提供全面的IDE功能,支持多種語言,集成調試和測試工具。 2.VSCode是輕量級編輯器,通過擴展支持多種語言,界面簡潔,啟動快。

Visual Studio:開發人員的強大工具Visual Studio:開發人員的強大工具May 08, 2025 am 12:19 AM

VisualStudio是微軟開發的強大IDE,支持多種編程語言和平台。它的核心優勢包括:1.智能代碼提示和調試功能,2.集成開發、調試、測試和版本控制,3.可通過插件擴展功能,4.提供性能優化和最佳實踐工具,幫助開發者提高效率和代碼質量。

Visual Studio與代碼:定價,許可和可用性Visual Studio與代碼:定價,許可和可用性May 07, 2025 am 12:11 AM

VisualStudio和VSCode在定價、許可和可用性上的差異如下:1.定價:VSCode完全免費,而VisualStudio提供免費社區版和付費企業版。 2.許可:VSCode採用靈活的MIT許可證,VisualStudio的許可根據版本不同而有所不同。 3.可用性:VSCode跨平台支持,而VisualStudio在Windows上表現最佳。

視覺工作室:從代碼到生產視覺工作室:從代碼到生產May 06, 2025 am 12:10 AM

VisualStudio支持從代碼編寫到生產部署的全流程。 1)代碼編寫:提供智能代碼補全和重構功能。 2)調試與測試:集成強大調試工具和單元測試框架。 3)版本控制:與Git無縫集成,簡化代碼管理。 4)部署與發布:支持多種部署選項,簡化應用發布過程。

Visual Studio:查看許可景觀Visual Studio:查看許可景觀May 05, 2025 am 12:17 AM

VisualStudio提供了三種許可證類型:社區版、專業版和企業版。社區版免費,適合個人開發者和小型團隊;專業版按年訂閱,適用於需要更多功能的專業開發者;企業版價格最高,適用於大型團隊和企業。選擇許可證時需考慮項目規模、預算和團隊協作需求。

終極攤牌:Visual Studio與代碼終極攤牌:Visual Studio與代碼May 04, 2025 am 12:01 AM

VisualStudio适合大型项目开发,而VSCode适用于各种规模的项目。1.VisualStudio提供全面的开发工具,如集成调试器、版本控制和测试工具。2.VSCode以其扩展性、跨平台和快速启动著称,适合快速编辑和小型项目开发。

Visual Studio與代碼:比較兩個IDEVisual Studio與代碼:比較兩個IDEMay 03, 2025 am 12:04 AM

VisualStudio適合大型項目和Windows開發,而VSCode適用於跨平台和小型項目。 1.VisualStudio提供全功能的IDE,支持.NET框架和強大調試工具。 2.VSCode則是輕量級編輯器,強調靈活性和擴展性,適用於各種開發場景。

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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

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整合開發環境