搜索
首页开发工具VSCode30个提高php开发效率的VSCode插件

本篇文章给大家分享30个提高php开发效率的VSCode插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

30个提高php开发效率的VSCode插件

今天介绍一些我每天使用的非常有用的插件。有了它们,我们的 VSC(VSCode)将会像一个长了五只可以发射激光的独角兽一样!

如果你还是一个 VSC 的新手,那么点击左侧最下方的按钮来安装插件。

911e35a2efe4c2a7485f5677bf5238c6.gif

Material Theme

Visual Studio Code 最悠久的主题!

ec8c014f8840b3da7587815c9789296a.png

Auto Import

自动去查找、分析、然后提供代码补全。对于 TypeScript 和 TSX,可以适用。

f9e45019b1dd4c9620cc50f7382e96aa.gif

Import Cost

该插件会在行尾显示导入的包的大小。为了计算包大小,该插件要使用 Webpack 和 babili-webpack-plugin。

3a80c3090fe52ae14c63265e99d2f776.png

5eafeaa17f3cc3809519b128c5ef5a36.gif

推荐学习:《vscode教程

Indent-Rainbow

一个简单的插件可以使得对齐更加具有可读性。

700ae035ccf265e22509a12d88dd1ae3.png

IntelliSense for CSS class names in HTML

基于你的项目以及通过link标签引用的外部文件,该智能插件提供 HTML 中 CSS class 名字的补全。

7f93f01935974426e691dd689580891c.gif

SVG Viewer

一个用来预览 SVG 的插件。

be4e9892a761fba1576caca7dc259301.gif

Prettier

你绝对不能少了这个插件,你需要它来一键美化你的 JavaScript/TypeScript/CSS 代码。

89c87e4f88535ef7099e9c0b3ddee4d7.png

Sublime Text Keymap and Settings Importer

从下载量来看,看来不少人从 Sublime Text 转移过来了。

5632a0c6f733f631c8f00aa82b90bd5f.png

这个插件将 visual studio code 的快捷键绑定改成了和 Sublime Text 3 一样。你可以试一试:cmd + P (Mac),ctrl + P (Windows)。

518721ed15c325f7ac970f3224746dd6.gif

你可以跳转到文件,如果在搜索前添加>符号,你甚至可以搜索动作,比如打开内置的终端、安装插件等等。

对于习惯使用 ST3 的人,这是一个很大的加分项。

npm Intellisense

VSCode 插件可以在导入语句自动补全 npm 模块名称。

b759783840a081f73ff74cd35985fc81.gif

lit-html

在 JavaScript/TypeScript 的文件中,如果有使用到 HTML 标记,lit-html 提供语法高亮和相应的补全支持。

5497344dc3f6077778581980df90410a.gif

highlight-matching-tag

这本来应该是 VSCode 应该默认提供的功能,高亮匹配的标签。

ef4962c772a8cf3ee3ccc48c67504a2a.gif

GitLens

啥也别说,直接上图!

d77b39e3dfb77e9ae2cbdbcf91294e64.gif

Git Project Manager

Git Project Manager 可以然你直接一键搜索并打开某个的基于 Git 管理的项目。

860015ede91c0f7e3439c93de4ec0957.gif

Git History

用来查看 git log 或则一个文件的 git 历史,比较不同的分支,commits。

d0e24dfd49d06d04174aa707db3f54c4.gif

File Utils

提供了一个更加简洁的方法来创建、复制、移动、重命名、删除文件/文件夹。

04dd9e97596dc6f295f25d9af712fb76.gif

Bracket Pair Colorizer

如果你的代码有很多的回调,那么这种高亮可以帮助你更好地区分不同的代码块。

9ce11d26419380a2484efe4737e59427.png

Color Highlight

直观展示你定义的颜色。

d0fdd5260022c493b298d1d6773330a1.png

CSS Peek

可以在 HTML 中通过 CSS id 或则 class 来定位到其定义。

ecc95aed22fe71ea24de6fb74912ca89.gif

Debugger for Chrome

用 Chrome 来 Debug 你的 JavaScript 代码,或则其它支持 Chrome Debugger 协议的平台。

b369f79ea87af434ce3d790f35f956ef.gif

Quokka.js

实时执行 JavaScript 代码(做快速的 demo 很有用)。

01af826e3566fcbd527562f5e6faa65f.gif

Trailing Spaces

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

148e0228da93736e632dde7c18b191c1.png

TypeScript Hero

辅助用 TypeScript 编程的童鞋!aec239443c648c49797a7c1ab751cf25.png

WakaTime

从你的使用习惯中生成数据报表。da02b6a0bc8d0c64d206a67bf51d8f4f.png

Vetur

VS Code 下面的 Vue 工具!有 Pine Wu 开发,已经累计 400 多万下载量!7ad87c3227b305768e5b1b09f021221b.png

Code Runner

支持多种语言的代码的立即执行。支持的语言: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。

0fbd52e4fef750766879751e3e6df24c.gif

PHP IntelliSense

25fe28e06b40e329addebfa8f61173af.gif

vscode-icons

Icon 集合。

7aca73aa45e15409be7df85cef73c0f4.gif

Jest

愉快地使用 Facebook 的 Jest。

98e309fa729dd22f802b5dd260f2417a.gif

React.js code snippets

用 ES6 语法去开发 React.js 应用非常方便。

ae6c7501c0337c2b9202ed352add7bde.gif

---END---

更多编程相关知识,请访问:编程入门!!

以上是30个提高php开发效率的VSCode插件的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文转载于:csdn。如有侵权,请联系admin@php.cn删除
Visual Studio与代码:性能和资源使用情况Visual Studio与代码:性能和资源使用情况Apr 26, 2025 am 12:18 AM

VisualStudio和VSCode在性能和资源使用上的区别主要体现在:1.启动速度:VSCode更快;2.内存占用:VSCode更低;3.CPU使用率:VisualStudio在编译和调试时更高。选择时需根据项目需求和开发环境决定。

Visual Studio:C#,C等的IDEVisual Studio:C#,C等的IDEApr 25, 2025 am 12:10 AM

VisualStudio(VS)是微软开发的一款功能强大的集成开发环境(IDE),支持多种编程语言,如C#、C 、Python等。1)它提供了丰富的功能集,包括代码编辑、调试、版本控制和测试。2)VS通过强大的编辑器和调试器处理代码,并使用Roslyn和Clang/MSVC编译器平台支持高级代码分析和重构。3)基本用法如创建C#控制台应用程序,高级用法如实现多态性。4)常见错误可通过设置断点、查看输出窗口和使用即时窗口调试。5)性能优化建议包括使用异步编程、代码重构和性能分析。

Visual Studio:代码编译,测试和部署Visual Studio:代码编译,测试和部署Apr 24, 2025 am 12:05 AM

在VisualStudio中,代码编译、测试和部署的步骤如下:1.编译:使用VisualStudio的编译器选项将源代码转化为可执行文件,支持多种语言如C#、C 和Python。2.测试:利用内置的MSTest和NUnit等框架进行单元测试,提高代码质量和可靠性。3.部署:通过Web部署、Azure部署等方式,将应用程序从开发环境转移到生产环境,确保安全性和性能。

Visual Studio:综合开发环境简介(IDE)Visual Studio:综合开发环境简介(IDE)Apr 23, 2025 am 12:02 AM

VisualStudioisMicrosoft'sflagshipIDE,supportingmultipleprogramminglanguagesandenhancingcodingefficiency.1)ItoffersfeatureslikeIntelliSenseforcodeprediction,multi-tabbedinterfaceforprojectmanagement,andtoolsfordebugging,refactoring,andversioncontrol.2

Visual Studio:探索免费和付费产品Visual Studio:探索免费和付费产品Apr 22, 2025 am 12:09 AM

VisualStudio的免费版和付费版的主要区别在于功能的丰富程度和支持的服务。免费版(Community)适用于个人开发者和小型团队,提供基本开发工具;付费版(Professional和Enterprise)则提供高级功能,如高级调试和团队协作工具,适合大型项目和企业级开发。

Visual Studio社区版:解释的免费选项Visual Studio社区版:解释的免费选项Apr 21, 2025 am 12:09 AM

VisualStudioCommunityEdition是一款免费的IDE,适合个人开发者、小型团队和教育机构。1)它提供代码编辑、调试、测试和版本控制等功能。2)基于Roslyn编译器平台,支持多种编程语言并集成Git和TFVC。3)高级功能包括单元测试,优化建议包括关闭不必要的扩展和使用轻量级编辑器。

视觉工作室:轻松构建应用程序视觉工作室:轻松构建应用程序Apr 20, 2025 am 12:09 AM

VisualStudio是由微软开发的集成开发环境(IDE),支持多种编程语言,包括C#,C ,Python等。1.它提供了智能感知(IntelliSense)功能,帮助快速编写代码。2.调试器允许设置断点,逐步执行代码,找出问题。3.对于初学者,创建简单的控制台应用程序是入门的好方法。4.高级用法包括项目管理和依赖注入等设计模式的应用。5.常见错误可以通过调试工具逐步解决。6.性能优化和最佳实践包括代码优化、版本控制、代码质量检查和自动化测试。

Visual Studio和VS代码:了解其关键差异Visual Studio和VS代码:了解其关键差异Apr 19, 2025 am 12:16 AM

VisualStudio适合大型项目和企业级应用开发,VSCode则适合快速开发和多语言支持。1.VisualStudio提供全面的IDE环境,支持微软技术栈。2.VSCode是轻量级编辑器,强调灵活性和扩展性,跨平台支持。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中