19个实用vscode开发插件分享

工欲善其事必先利其器。本篇文章给大家总结分享19个我在开发中使用到的vscode插件,希望对大家有所帮助!

1:Chinese (Simplified) Language Pack  中文语言插件

适用于 VS Code 的中文(简体)语言包

此中文(简体)语言包为 VS Code 提供本地化界面。【推荐学习:《vscode入门教程》】

对于我这种英文一般的人来说,这个插件很友好。

2:Code Runner 代码运行器

运行多种语言的代码段或代码文件:C,C ++,Java,JavaScript,PHP,Python,Perl,Perl 6,Ruby,Go,Lua,Groovy,PowerShell,BAT / CMD,BASH / SH,F#脚本,F#( .NET Core),C#脚本,C#(.NET Core),VBScript,TypeScript,CoffeeScript,Scala,Swift,Julia,Crystal,OCaml脚本,R,AppleScript,Elixir,Visual Basic .NET,Clojure,Haxe,Objective-C ,Rust,球拍,Scheme,AutoHotkey,AutoIt,Kotlin,Dart,Free Pascal,Haskell,Nim,D,Lisp,Kit,V,SCSS,Sass,CUDA和自定义命令

这个玩意,目前来看对我还没啥太大的用处。

3:Debugger for Chrome  VScode-Chrome调试器

VS Code扩展程序,用于在Google Chrome浏览器或其他支持Chrome DevTools协议的目标中调试JavaScript代码。

也就是说,这个玩意可以打断点了。在装个PHP debug,就可以调试PHP了。

4:Debugger for Firefox  火狐浏览器调试器

同上,跟谷歌浏览器的插件作用是一样的。

5:ESLint  js代码检测插件

ESlint 接管原生 js 提示,可以自定制提示规则;

6:filesize\

左下角显示文件大小的插件

7:IntelliSense for CSS class names in HTML

用于HTML中CSS类名称的智能感知。

 

8:Material Icon Theme

这是一个图标库,给不通类型的文件及文件夹设置不通的icon

9:open in browser

在浏览器中打开文件,用于调试前端html文件

10:Partial Diff

您可以比较文件中,不同文件之间或剪贴板上的文本选择(差异)。

多光标文本选择。

用户定义的文本规范化规则,以减少差异中的干扰(例如,将制表符替换为空格)。

可以关闭用户定义的文本规范化规则,而无需将其从配置中删除。

一个动作即可比较2个可见编辑器(即选项卡)中的文本。

11:PHP Debug

PHPxdebug插件的支持,你本地的PHP环境必须安装xdebug才能实现这个插件的功能。

用于PHP打断点调试代码。

12:PHP Intelephense

PHP代码提示工具,支付代码提示、查找定义、类搜索等功能,非常强大。

下载PHP Intelephense这个插件,要求php版本大于7,且将PHP添加到系统环境变量。

这个插件是个神器,需要好好利用。主要是,f12转到定义,绝对的神器。

13:PHP IntelliSense

PHP智能感知插件。这也是个神器。对PHP的高级自动完成和重构支持

使用的时候,需要将下边代码添加到setting.json中

"php.validate.executablePath": "D:BtSoftphp72php.exe",

14:Vue VSCode Snippets

输入VUE标签,自动补全代码。这个玩意对于提高开发效率来说,绝对的神器。

15:Vetur

Vscode全功能支持VUE,包括语法高亮、片段、Emmet、整理/错误检查、格式化、自动完成、调试、VTI / CLI

16:vscode-icons

Vscode的图标库

 

17:Path Intellisense

自动完成文件名的Visual Studio代码插件。

需要在settings.json中添加:

{ "typescript.suggest.paths": false }

18:PHP Extension Pack

包括在Visual Studio代码中开始PHP开发的最重要的扩展。

19:PHP Namespace Resolver

PHP名称空间解析器可以导入和扩展类。也可以按行长度或字母顺序对导入的类进行排序。

以上基本上就是目前我的vscode编辑器安装的所有插件,除了PHP debug没玩明白之外,其余都是很好用的。

更多关于VSCode的相关知识,请访问:vscode教程

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,你想了解关于 Visual Studio Code 中 TypeScript 插件以及其他提高开发效率的插件。以下是一些你可能感兴趣的插件: 1. TypeScript:官方的 TypeScript 插件,提供了代码补全、语法高亮、错误检查等功能。 2. Prettier:一款代码格式化工具,可以自动调整代码缩进、空格、换行等格式。 3. ESLint:一款代码检查工具,可以检查代码中的语法错误、代码风格等问题。 4. GitLens:可以在编辑器中显示 Git 提交历史、分支信息等。 5. Bracket Pair Colorizer:可以给括号配对着色,方便查看代码结构。 6. Path Intellisense:可以自动补全文件路径,减少输入错误的可能性。 7. Auto Rename Tag:可以自动重命名 HTML/XML 标签的配对标签。 8. HTML CSS Support:可以提供 HTML 和 CSS 的代码补全、语法高亮等功能。 9. Live Server:可以在浏览器中实时预览 HTML/CSS/JS 文件的效果。 10. REST Client:可以在编辑器中发送 HTTP 请求,方便测试 API 接口。 11. Markdown Preview Enhanced:可以在编辑器中预览 Markdown 格式的文档。 12. Docker:可以在编辑器中管理 Docker 容器、镜像等。 13. Remote Development:可以在编辑器中远程连接到其他的计算机或容器。 14. Code Spell Checker:可以检查代码中的拼写错误。 15. Code Runner:可以在编辑器中直接运行代码,方便测试和调试。 16. Indent Rainbow:可以给代码缩进添加彩虹色,方便查看缩进层次。 17. Polacode:可以将代码截图生成为漂亮的图片。 18. Better Comments:可以给代码注释添加颜色和样式,方便注释分类和查看。 19. Color Highlight:可以将代码中的颜色值高亮显示。 20. Code Time:可以统计代码编辑时间,方便管理时间和提高效率。 21. VS Live Share:可以在编辑器中实现多人协作开发。 22. Material Icon Theme:可以为文件和文件夹添加漂亮的图标。 23. Todo Tree:可以将代码中的 TODO、FIXME、BUG 等关键字显示在一个树形结构中,方便查看和管理。 24. Rainbow Fart:可以在编辑器中添加有趣的音效和动画效果。 25. CSS Peek:可以在编辑器中快速查看 CSS 样式定义。 26. IntelliCode:可以根据代码上下文提供智能化的代码补全和建议。 27. Vim:可以在编辑器中使用 Vim 的编辑模式。 28. Code Spell Checker:可以检查代码中的拼写错误。 29. Bookmarks:可以在编辑器中添加和管理书签。 30. Git History:可以在编辑器中查看 Git 提交历史和文件变更。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值