閱讀本文約需要9分鐘

大家好，我是你們的導(dǎo)師，我每天都會在這里給大家分享一些干貨內(nèi)容(當(dāng)然了，周末也要允許老師休息一下哈)。上次老師跟大家分享了JS之 小技巧的知識，今天跟大家分享下JS之 提高開發(fā)效率的Visual Studio Code插件的知識。

1JS之 提高開發(fā)效率的Visual Studio Code插件

我們的 VSC(VSCode)將會像一個(gè)長了五只可以發(fā)射激光的獨(dú)角獸一樣！接下來會介紹我每天使用的非常有用的插件。如果你還是一個(gè) VSC 的新手，那么點(diǎn)擊左側(cè)最下方的按鈕來安裝插件。

1、Material Theme

下載量：130 萬Visual Studio Code 最悠久的主題！

2、Auto Import

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

3、Import Cost

下載量：41 萬該插件會在行尾顯示導(dǎo)入的包的大小。為了計(jì)算包大小，該插件要使用 Webpack 和 babili-webpack-plugin。Indent-Rainbow下載量：13 萬一個(gè)簡單的插件可以使得對齊更加具有可讀性。

4、IntelliSense for CSS class names in HTML

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

5、SVG Viewer

下載量：29 萬一個(gè)用來預(yù)覽 SVG 的插件。

6、Prettier

下載量：357 萬你絕對不能少了這個(gè)插件，你需要它來一鍵美化你的 JavaScript/TypeScript/CSS 代碼。

7、React Native Tools

下載量：218 萬代碼提示、Debugging、集成 RN 的命令。

8、Sublime Text Keymap and Settings Importer

下載量：76 萬從下載量來看，看來不少人從 Sublime Text 轉(zhuǎn)移過來了。

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

你可以跳轉(zhuǎn)到文件，如果在搜索前添加>符號，你甚至可以搜索動(dòng)作，比如打開內(nèi)置的終端、安裝插件等等。對于習(xí)慣使用 ST3 的人，這是一個(gè)很大的加分項(xiàng)。

9、npm Intellisense

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

10、lit-html

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

12、highlight-matching-tag

下載量：6 萬這本來應(yīng)該是 VSCode 應(yīng)該默認(rèn)提供的功能，高亮匹配的標(biāo)簽。

13、GitLens

下載量：772 萬啥也別說，直接上圖！

14、Git Project Manager

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

15、Git History

下載量：332 萬用來查看 git log 或則一個(gè)文件的 git 歷史，比較不同的分支，commits。

16、File Utils

下載量：8 萬提供了一個(gè)更加簡潔的方法來創(chuàng)建、復(fù)制、移動(dòng)、重命名、刪除文件/文件夾。

17、Bracket Pair Colorizer

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

18、Color Highlight

下載量：25 萬直觀展示你定義的顏色。

19、CSS Peek

下載量：23 萬可以在 HTML 中通過 CSS id 或則 class 來定位到其定義。

20、Debugger for Chrome

下載量：1111 萬用 Chrome 來 Debug 你的 JavaScript 代碼，或則其它支持 Chrome Debugger 協(xié)議的平臺。

21、Quokka.js

下載量：172 萬實(shí)時(shí)執(zhí)行 JavaScript 代碼(做快速的 demo 很有用)。

22、Trailing Spaces

下載量：7 萬高亮那些冗余的空格，可以快速刪掉。

23、TypeScript Hero

下載量：72 萬輔助用 TypeScript 編程的童鞋！

24、WakaTime

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

25、Vetur

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

26、Code Runner

下載量：346 萬支持多種語言的代碼的立即執(zhí)行。支持的語言：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 萬

28、vscode-icons

下載量：799 萬Icon 集合。

29、Jest

下載量：29 萬愉快地使用 Facebook 的 Jest。

30、React.js code snippets

下載量：59 萬用 ES6 語法去開發(fā) React.js 應(yīng)用非常方便。

參考鏈接：https://blog.fundebug.com/2018/07/24/vs-extensions/

好了，今天技術(shù)部分就講到這里。還有一個(gè)重要的事，我們現(xiàn)在已開放對外招導(dǎo)師。工資還可以，大概15K-25K，點(diǎn)擊下面【鏈接】有詳細(xì)介紹！(注意！每期我們只招1個(gè)人！)

15K~25K招聘導(dǎo)師若干名

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的vscode php插件_JS之 提高开发效率的Visual Studio Code插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。