14个VSCode高频插件(推荐)


本文摘自PHP中文网,作者青灯夜游,侵删。

相关推荐:《vscode基础使用教程》

1.TODO Highlight

高亮显示你的 TODO、FIXME,支持自定义关键字和外观,可以起到良好的提示作用。

1.jpg

2.Vetur + Prettier + ESLint

解决冲突后配合使用完美格式化代码,能交给机器做的一定要学会偷懒。

2-1.jpg

2-2.jpg

2-3.jpg

3.Highlight Matching Tag

实时高亮匹配标签,不用在 HTML 中眼花缭乱的找标签了

3.jpg

4.javascript console utils

快速生成 console.log() ,调试利器,妈妈再也不用担心你的指关节。

4.jpg

5.Code Runner

一键运行代码,支持很多语言。

5.jpg

6.Comment Translate

插件使用 Google Translate API 翻译注释,功能强大,在看开源项目源代码的时候很有用(英文好的话请忽略)。

6.jpg

7.Image preview

图片预览,可以在代码行号左侧槽位(或hover时)预览图片。

7.jpg

8.Version Lens

显示包版本信息,在 package.json 中显示包最新版本等信息。

8.jpg

9.vscode-pigments

实时显示css, sass, jsx中的颜色。

9.jpg

10.Auto Close Tag

自动补全标签。

10.jpg

11.Auto Rename Tag

同步修改标签。

11.jpg

12.Bracket Pair Colorizer

不同颜色高亮显示匹配的括号。

12.jpg

13.Code Spell Checker

单词拼写检查。

13.jpg

14.WakaTime

编程时间记录工具,在它的官网 Dashboard 中以图形化方式展示你的编程时间,让你更清晰的掌握你的时间都去哪了。

14.jpg

更多编程相关知识,请访问:编程学习课程!!

以上就是14个VSCode高频插件(推荐)的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vscode如何离线安装插件

vscode如何搭建vue项目

vscode中怎么使用github

关于vscode中vim插件的使用教程

vscode怎么创建c语言项目

vscode怎么初始编译

用vscode怎么写网页

vscode怎么安装字体文件

vscode如何自动生成函数注释与文件头部注释

vscode不能编辑文件怎么办

更多相关阅读请进入《visual-studio-code》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...