本身使用過比較好用的VSCode插件

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

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

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

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

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

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

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

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

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

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

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

相關文章
相關標籤/搜索