必备!VSCode常用插件

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓是微软的良心之作…

一、VS Code精选主题
参考链接
在这里插入图片描述
主题插件安装流程
1、在扩展商店内搜索Atom One Dark Theme,然后点击安装
在这里插入图片描述
2、安装完成后,需要手动进行主题切换
快捷键command+K,command+T,弹出主题弹框
在这里插入图片描述
3、点击想要的主题进行切换就好了

二、VS Code像IDE一样,也有丰富的插件和主题市场,下面我们就和大家分享几款常用的插件。
1、Auto Close Tag
自动添加HTML / XML关闭标记,与Visual Studio IDE或Sublime Text相同
在这里插入图片描述

2、Auto Rename Tag
自动重命名配对的HTML / XML标记
在这里插入图片描述

3、GitLens
增强Visual Studio代码内置的Git功能 - 通过Git责备注释一目了然地显示代码作者身份
在这里插入图片描述
4、open in browser
这允许您在默认浏览器或应用程序中打开当前文件。
在这里插入图片描述

5、vscode-faker
为名称,地址,lorem ipsum,商业等生成虚假数据
在这里插入图片描述

6、wechat-snippet
微信小程序代码辅助,代码片段自动完成
在这里插入图片描述

7、TODO Highlight
突出显示TODO,FIXME和任何关键字,注释…
在这里插入图片描述

8、CSS Peek
允许窥视css ID和类字符串作为从html文件到相应CSS的定义。 允许查看和转到定义。
在这里插入图片描述

9、HTML Boilerplate
基本的HTML5样板代码段生成器。
在这里插入图片描述

10、Prettier
VS Code plugin for prettier/prettier 代码格式化程序
警告 - 如果您安装了任何其他代码格式扩展程序,例如极受欢迎的HookyQR.beautify或taichi.react-beautify,它们可能优先使用并格式化您的代码而不是Prettier会导致意外结果。
在这里插入图片描述

11、Color Info
提供有关CSS颜色的快速信息,你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。
在这里插入图片描述

12、file-size
一个简单的扩展。显示状态栏中的当前文本文件大小。 保存文件或更改活动选项卡时,状态将更新。
在这里插入图片描述

发布了31 篇原创文章 · 获赞 13 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/weixin_42881744/article/details/84629214