站長資訊網(wǎng)
最全最豐富的資訊網(wǎng)站

30個提高php開發(fā)效率的VSCode插件

本篇文章給大家分享30個提高php開發(fā)效率的VSCode插件。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。

30個提高php開發(fā)效率的VSCode插件

今天介紹一些我每天使用的非常有用的插件。有了它們,我們的 VSC(VSCode)將會像一個長了五只可以發(fā)射激光的獨角獸一樣!

如果你還是一個 VSC 的新手,那么點擊左側(cè)最下方的按鈕來安裝插件。

30個提高php開發(fā)效率的VSCode插件

Material Theme

Visual Studio Code 最悠久的主題!

30個提高php開發(fā)效率的VSCode插件

Auto Import

自動去查找、分析、然后提供代碼補全。對于 TypeScript 和 TSX,可以適用。

30個提高php開發(fā)效率的VSCode插件

Import Cost

該插件會在行尾顯示導入的包的大小。為了計算包大小,該插件要使用 Webpack 和 babili-webpack-plugin。

30個提高php開發(fā)效率的VSCode插件

30個提高php開發(fā)效率的VSCode插件

推薦學習:《vscode教程》

Indent-Rainbow

一個簡單的插件可以使得對齊更加具有可讀性。

30個提高php開發(fā)效率的VSCode插件

IntelliSense for CSS class names in HTML

基于你的項目以及通過link標簽引用的外部文件,該智能插件提供 HTML 中 CSS class 名字的補全。

30個提高php開發(fā)效率的VSCode插件

SVG Viewer

一個用來預(yù)覽 SVG 的插件。

30個提高php開發(fā)效率的VSCode插件

Prettier

你絕對不能少了這個插件,你需要它來一鍵美化你的 JavaScript/TypeScript/CSS 代碼。

30個提高php開發(fā)效率的VSCode插件

Sublime Text Keymap and Settings Importer

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

30個提高php開發(fā)效率的VSCode插件

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

30個提高php開發(fā)效率的VSCode插件

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

對于習慣使用 ST3 的人,這是一個很大的加分項。

npm Intellisense

VSCode 插件可以在導入語句自動補全 npm 模塊名稱。

30個提高php開發(fā)效率的VSCode插件

lit-html

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

30個提高php開發(fā)效率的VSCode插件

highlight-matching-tag

這本來應(yīng)該是 VSCode 應(yīng)該默認提供的功能,高亮匹配的標簽。

30個提高php開發(fā)效率的VSCode插件

GitLens

啥也別說,直接上圖!

30個提高php開發(fā)效率的VSCode插件

Git Project Manager

Git Project Manager 可以然你直接一鍵搜索并打開某個的基于 Git 管理的項目。

30個提高php開發(fā)效率的VSCode插件

Git History

用來查看 git log 或則一個文件的 git 歷史,比較不同的分支,commits。

30個提高php開發(fā)效率的VSCode插件

File Utils

提供了一個更加簡潔的方法來創(chuàng)建、復制、移動、重命名、刪除文件/文件夾。

30個提高php開發(fā)效率的VSCode插件

Bracket Pair Colorizer

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

30個提高php開發(fā)效率的VSCode插件

Color Highlight

直觀展示你定義的顏色。

30個提高php開發(fā)效率的VSCode插件

CSS Peek

可以在 HTML 中通過 CSS id 或則 class 來定位到其定義。

30個提高php開發(fā)效率的VSCode插件

Debugger for Chrome

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

30個提高php開發(fā)效率的VSCode插件

Quokka.js

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

30個提高php開發(fā)效率的VSCode插件

Trailing Spaces

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

30個提高php開發(fā)效率的VSCode插件

TypeScript Hero

輔助用 TypeScript 編程的童鞋!30個提高php開發(fā)效率的VSCode插件

WakaTime

從你的使用習慣中生成數(shù)據(jù)報表。30個提高php開發(fā)效率的VSCode插件

Vetur

VS Code 下面的 Vue 工具!有 Pine Wu 開發(fā),已經(jīng)累計 400 多萬下載量!30個提高php開發(fā)效率的VSCode插件

Code Runner

支持多種語言的代碼的立即執(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。

30個提高php開發(fā)效率的VSCode插件

PHP IntelliSense

30個提高php開發(fā)效率的VSCode插件

vscode-icons

Icon 集合。

30個提高php開發(fā)效率的VSCode插件

Jest

愉快地使用 Facebook 的 Jest。

30個提高php開發(fā)效率的VSCode插件

React.js code snippets

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

30個提高php開發(fā)效率的VSCode插件

—END—

贊(0)
分享到: 更多 (0)
網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
久久精品美女视频| 国产精品综合专区中文字幕免费播放 | 日韩精品极品视频在线观看免费| 久久国产精品免费专区| 国产亚洲美女精品久久久| 国产精品极品美女免费观看| 久久se精品一区二区国产| 国产日韩一区二区三区| 98精品国产综合久久| 国産精品久久久久久久| 无码人妻精品一区二区三区99不卡| 人妻少妇精品无码专区| 久热这里只精品99国产6_99| 大桥未久在线精品视频在线| 亚洲AV日韩AV天堂一区二区三区| 国产精品国产午夜免费福利看| 精品一区二区三区东京热| 国产精品午夜一级毛片密呀 | 人妻熟妇乱又伦精品视频| 亚洲福利精品一区二区三区 | 精品女同一区二区三区免费播放 | 青青草原综合久久大伊人精品| 国产夫妇精品自在线| 久久99久久99小草精品免视看| 精品不卡一区中文字幕 | 久久成人影院精品777| 国产午夜无码精品免费看| 日韩AV无码一区二区三区不卡| 九九九精品成人免费视频| 国产精品久久久香蕉| 99aiav国产精品视频| 国产亚洲精品福利在线无卡一 | 亚洲国产精品免费视频| 精品国产青草久久久久福利| 国产亚洲精品精品精品| 久久精品国产男包| 国产精品国产亚洲精品看不卡| 日韩精品一区二区午夜成人版| 日韩精品久久久久久久电影| 亚洲国产精品日韩在线| 日韩精品一区二区三区国语自制 |