這篇文章主要介紹了提高開發(fā)效率的VSCode插件有哪些，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

為尖扎等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及尖扎網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、尖扎網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

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

我們的 VSC(VSCode)將會(huì)像一個(gè)長(zhǎng)了五只可以發(fā)射激光的獨(dú)角獸一樣！接下來(lái)會(huì)介紹我每天使用的非常有用的插件。

如果你還是一個(gè) VSC 的新手，那么點(diǎn)擊左側(cè)最下方的按鈕來(lái)安裝插件。

1、Material Theme

下載量：130 萬(wàn)

Visual Studio Code 最悠久的主題！

2、Auto Import

下載量：46 萬(wàn)

自動(dòng)去查找、分析、然后提供代碼補(bǔ)全。對(duì)于 TypeScript 和 TSX，可以適用。

3、Import Cost

下載量：41 萬(wàn)

該插件會(huì)在行尾顯示導(dǎo)入的包的大小。為了計(jì)算包大小，該插件要使用 Webpack 和 babili-webpack-plugin。

Indent-Rainbow

下載量：13 萬(wàn)

一個(gè)簡(jiǎn)單的插件可以使得對(duì)齊更加具有可讀性。

4、IntelliSense for CSS class names in HTML

下載量：243 萬(wàn)

基于你的項(xiàng)目以及通過(guò)link標(biāo)簽引用的外部文件，該智能插件提供 HTML 中 CSS class 名字的補(bǔ)全。

5、SVG Viewer

下載量：29 萬(wàn)

一個(gè)用來(lái)預(yù)覽 SVG 的插件。

6、Prettier

下載量：357 萬(wàn)

你絕對(duì)不能少了這個(gè)插件，你需要它來(lái)一鍵美化你的 JavaScript/TypeScript/CSS 代碼。

7、React Native Tools

下載量：218 萬(wàn)

代碼提示、Debugging、集成 RN 的命令。

8、Sublime Text Keymap and Settings Importer

下載量：76 萬(wàn)

從下載量來(lái)看，看來(lái)不少人從 Sublime Text 轉(zhuǎn)移過(guò)來(lái)了。

這個(gè)插件將 visual studio code 的快捷鍵綁定改成了和 Sublime Text 3 一樣。你可以試一試：cmd + P (Mac)，ctrl + P (Windows)。

你可以跳轉(zhuǎn)到文件，如果在搜索前添加>符號(hào)，你甚至可以搜索動(dòng)作，比如打開內(nèi)置的終端、安裝插件等等。

對(duì)于習(xí)慣使用 ST3 的人，這是一個(gè)很大的加分項(xiàng)。

9、npm Intellisense

下載量：88 萬(wàn)

VSCode 插件可以在導(dǎo)入語(yǔ)句自動(dòng)補(bǔ)全 npm 模塊名稱。

10、lit-html

下載量：3 萬(wàn)

在 JavaScript/TypeScript 的文件中，如果有使用到 HTML 標(biāo)記，lit-html 提供語(yǔ)法高亮和相應(yīng)的補(bǔ)全支持。

12、highlight-matching-tag

下載量：6 萬(wàn)

這本來(lái)應(yīng)該是 VSCode 應(yīng)該默認(rèn)提供的功能，高亮匹配的標(biāo)簽。

13、GitLens

下載量：772 萬(wàn)

啥也別說(shuō)，直接上圖！

14、Git Project Manager

下載量：37 萬(wàn)

Git Project Manager 可以然你直接一鍵搜索并打開某個(gè)的基于 Git 管理的項(xiàng)目。

15、Git History

下載量：332 萬(wàn)

用來(lái)查看 git log 或則一個(gè)文件的 git 歷史，比較不同的分支，commits。

16、File Utils

下載量：8 萬(wàn)

提供了一個(gè)更加簡(jiǎn)潔的方法來(lái)創(chuàng)建、復(fù)制、移動(dòng)、重命名、刪除文件/文件夾。

17、Bracket Pair Colorizer

下載量：228 萬(wàn)

如果你的代碼有很多的回調(diào)，那么這種高亮可以幫助你更好地區(qū)分不同的代碼塊。

18、Color Highlight

下載量：25 萬(wàn)

直觀展示你定義的顏色。

19、CSS Peek

下載量：23 萬(wàn)

可以在 HTML 中通過(guò) CSS id 或則 class 來(lái)定位到其定義。

20、Debugger for Chrome

下載量：1111 萬(wàn)

用 Chrome 來(lái) Debug 你的 JavaScript 代碼，或則其它支持 Chrome Debugger 協(xié)議的平臺(tái)。

21、Quokka.js

下載量：172 萬(wàn)

實(shí)時(shí)執(zhí)行 JavaScript 代碼(做快速的 demo 很有用)。

22、Trailing Spaces

下載量：7 萬(wàn)

高亮那些冗余的空格，可以快速刪掉。

23、TypeScript Hero

下載量：72 萬(wàn)

輔助用 TypeScript 編程的童鞋！

24、WakaTime

下載量：24 萬(wàn)

從你的使用習(xí)慣中生成數(shù)據(jù)報(bào)表。

25、Vetur

下載量：451 萬(wàn)

VS Code 下面的 Vue 工具！有 Pine Wu 開發(fā)，已經(jīng)累計(jì) 400 多萬(wàn)下載量！

26、Code Runner

下載量：346 萬(wàn)

支持多種語(yǔ)言的代碼的立即執(zhí)行。支持的語(yǔ)言：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。

27、PHP IntelliSense

下載量：415 萬(wàn)

28、vscode-icons

下載量：799 萬(wàn)

Icon 集合。

29、Jest

下載量：29 萬(wàn)

愉快地使用 Facebook 的 Jest。

30、React.js code snippets

下載量：59 萬(wàn)

用 ES6 語(yǔ)法去開發(fā) React.js 應(yīng)用非常方便。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享提高開發(fā)效率的VSCode插件有哪些內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

名稱欄目：提高開發(fā)效率的VSCode插件有哪些-創(chuàng)新互聯(lián)
文章地址：http://www.rwnh.cn/article34/coigse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站營(yíng)銷、網(wǎng)站設(shè)計(jì)、云服務(wù)器、網(wǎng)站設(shè)計(jì)公司、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)