自己使用過比較好用的VSCode插件


C/C++  [ms-vscode.cpptolls]    智能推導,調試和代碼瀏覽

C/C++ Clang Command Adapter [mitaki28.vscode-clang]   使用Clang的命令來分析C/C++/Object-C的代碼診斷,還有代碼補全。

C/C++ Snippets [hars.cppsnippets]  有用的C/C++代碼片斷,節省時間

C++ Algorithm Mnemonics [davidbroetje.algorithm-mnemonics-vscode]  寫C++不可能不接觸STL,這個插件能讓你使用STL算法更有生產力

cppcheck [matthewferreira.cppcheck]  這個插件幫你方便的調用cppcheck這款C++靜態分析軟件的命令來檢查你的C++代碼隱患,包括越界,資源泄漏等

Clang-Format [xaver.clang-format]  把你的C,C++ Java js等代碼格式化為Clang的代碼風格

Python [donjayamanne.python]  Python的分析,運行,調試,代碼格式化,重構,單元測試,代碼片段,這些都支持

C# [ms-vscode.csharp]  C#太重了,還是用Visual Studio把,別用VSCode。

PowerShell [ms-vscode.powershell]  PowerShell腳本的語法高亮,代碼補全,提示,代碼片段,跳轉等等

Bash Debug [rogalmic.bash-debug]  bash調試器的GUI前端

Bash Beautify  [shakram02.bash-beautify] Bash的格式化,美化代碼風格

CMake [twxs.cmake]     對於我這種C/C++需要跨平台構建的人,Cmake是神物。其他構建系統都是渣渣。 主要功能是腳本代碼着色,代碼補全提示,常用代碼塊

CMake Tools [vector-of-bool.cmake-tools]  這個Cmake插件是對前一個的插件擴展,主要是cmake命令的支持方面,前一個插件是cmake腳本語言的支持

ESLint [dbaeumer.vscode-eslint]  經常寫js的需要用,最好的js靜態分析軟件

hexdump for VSCode [slevesque.vscode-hexdump]  十六進制查看插件,以前都是用BeyondCompare的,這個就很方便集成進來了

HTML CSS Support [ecmel.vscode-html-css]  寫前端的必備,確實,我業余會寫下前端。主要支持class,id屬性補全,遠程css。js,jade模版,vue文件等

HTML Snippets [abusaidm.html-snippets]  主要提供HTML 5的全部TAG不全,着色,還有有用的TAG片段

vscode-caniuse [agauniyal.vscode-caniuse] 檢測用戶使用的Web技術被各種主流瀏覽器支持的情況

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

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

Color Info [bierner.color-info]  這個便捷的插件,將為你提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標,就可以預覽色塊中色彩模型的(HEX、 RGB、HSL 和 CMYK)相關信息了。

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

TODO Highlight [wayou.vscode-todo-highlight]  這個插件能夠在你的代碼中標記出所有的 TODO 注釋,以便更容易追蹤任何未完成的業務。在默認的情況下,它會查找 TODO 和 FIXME 關鍵字。當然,你也可以添加自定義表達式。

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

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

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

Auto Close Tag [formulahendry.auto-close-tag]   適用於 JSX、Vue、HTML,在打開標簽並且鍵入 </ 的時候,能自動補全要閉合的標簽

Auto Rename Tag [formulahendry.auto-rename-tag]  適用於 JSX、Vue、HTML,在修改標簽名時,能在你修改開始(結束)標簽的時候修改對應的結束(開始)標簽,幫你減少 50% 的擊鍵;

Path Intellisense [christian-kohler.path-intellisense]   文件路徑補全,在你用任何方式引入文件系統中的路徑時提供智能提示和自動完成;

npm Intellisense [christian-kohler.npm-intellisense]   NPM 依賴補全,在你引入任何 node_modules 里面的依賴包時提供智能提示和自動完成;

npm [eg2.vscode-npm-script]   npm集成到VSCode里面來了,很方便

Intellisense for CSS class names [Zignd.html-css-class-completion]  CSS 類名補全,會自動掃描整個項目里面的 CSS 類名並在你輸入類名時做智能提示;

Bracket Pair Colorizer [CoenraadS.bracket-pair-colorizer]   識別代碼中的各種括號,並且標記上不同的顏色,方便你掃視到匹配的括號,在括號使用非常多的情況下能環節眼部壓力,編輯器快捷鍵固然好用,但是在臨近嵌套多的情況下卻有些力不從心;

 

NSIS Language Support [KrystofRiha.vscode-nsis]   提供NSIS打包(exe安裝包)軟件的打包腳本NSIS語言的語法高亮等語言級的支持

Partial Diff [ryu1kn.partial-diff]  顧名思義,這個是文本比較的插件,而且是部分比較,沒有BeyondCompare那樣強大,它可以比較選中的文本差異

vscode-icons [robertohuertasm.vscode-icons]   專給vscode的圖標插件,它根據不同的文件后綴類型,用相應的文件類型LOGO標記出文件區別。嗯,IDE都有類似的功能

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

vue [jcbuisson.vue]  主要給vue.js框架提供語法高亮

Vue 2 Snippets [hollowtree.vue-snippets]  這個擴展是提供Vue 2.0版本的有用的代碼片段和語法高亮

React Native Tools [vsmobile.vscode-react-native]  用React Native做移動端開發越來越流行了

React-Native/React/Redux sippets for es6/es7 [EQuimper.react-native-react-redux]  React全家桶的插件,提供代碼片段

React/Redux/react-router [discountry.react-redux-react-router-snippets]  React全家桶,代碼片段

 

JavaScript (ES6) code snippets [xabikos.javascriptsnippets]  ES6標准的js代碼片段補全

Prettier - JavaScript formatter [esbenp.prettier-vscode]  可以格式化你的js,typescript css代碼,讓你的代碼更好看

JavaScript Standard Style [chenxsan.vscode-standardjs]  以權威js標准風格來檢測你的js代碼

Babel JavaScript [mgmcdermott.vscode-language-babel]  如果你使用最新的ES標准來編寫跨瀏覽器的js程序,那么這個就是你的好幫手了。主要提供語法高亮,React的jsx都高亮

markdownlint [DavidAnson.vscode-markdownlint]  我經常用MarkDown寫文章的,所以需要MD靜態分析軟件提示錯誤,warning。或者編寫的風格問題

Code Runner [formulahendry.code-runner]  可以運行代碼文件,和選擇一段代碼運行,支持C,C++,Java,JS,PHP,Python,Perl,Ruby等,你幾乎所想到的語言都支持

IORun [hoangnc.io-run]  算法,IO,ACM黨最愛,如果你經常在OJ上刷題,那么就適合你。支持運行和測試競賽代碼。 多種語言C,C++,Haskell等等。 因為我做LeetCode上的題目

XML Tools [DotJoshJohnson.xml]  XML的格式化 XML樹結構,Xpath,Xquery等都支持了

REST Client [humao.rest-client]  在VSCode中發送http請求,顯示http回復 非常方便調試測試RESTful的接口

Ruby [rebornix.ruby]     計算理論的代碼是用Ruby寫的,在github上,有時候會寫寫Ruby

Haskell Syntax Highlighting [justusadam.language-haskell]   Haskell的語法高亮, 學Haskell是漲見識的

Haskell ghc-mod [hoovercj.vscode-ghc-mod]  通過ghc-mod提供Haskell的語言支持

Haskell GHCi debug viewer Phoityne [phoityne.phoityne-vscode]  這個插件是一個ghci的調試查看器

haskell-linter [hoovercj.haskell-linter]  一個haskell的代碼靜態分析工具, 其實就是hlint的封裝

Haskelly [UCL.haskelly]  提供完全的,專家級的Haskell開發

Haskero [Vans.haskero]  功能比較齊全的Haskell IDE

 

Docker [PeterJausovec.vscode-docker]  提供Dockerfile和docker-compose文件的語法高亮,命令的高亮,還有代碼提示與檢測

Docker Explorer [formulahendry.docker-explorer]  管理Docker容器,鏡像,Docker Hub等

 

Git History [donjayamanne.githistory]     可以查看Git log, file, 和line 歷史記錄。

Document This [joelday.docthis]   自動生成詳細的TypeScript和js的文檔型注釋

Setting Sync [Shan.code-settings-sync]   跨機器同步VSCode的配置,需要用到github的gist

 

Debugger for Chrome/ Debugger for Firefox  字面意思,無需多說

gitignore [codezombiech.gitignore]  幫助你更好的使用gitignore

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM