搜尋
首頁開發工具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與代碼:探索功能和功能Apr 15, 2025 am 12:05 AM

VisualStudio适合大型项目和全功能需求,而VSCode则适用于需要轻量级和灵活性的开发。1.VisualStudio提供全面的IDE功能,支持多种语言和高级项目管理。2.VSCode以轻量级和扩展性著称,适用于跨平台开发和个性化配置。

Visual Studio與VS代碼:哪個對您的項目更好?Visual Studio與VS代碼:哪個對您的項目更好?Apr 14, 2025 am 12:03 AM

VisualStudio适合大型项目和需要强大调试功能的开发场景,而VSCode则适合需要灵活性和跨平台开发的场景。VisualStudio提供全面的开发环境,支持.NET开发,集成了调试工具和项目管理功能;VSCode以轻量和扩展性著称,支持多种编程语言,通过插件系统增强功能,适用于现代开发流程。

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調用並使用通用控件。

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

熱工具

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

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

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具