阅读 765

vscode常用插件汇总

总结了一下现在最常用的 vscode 插件推荐给大家

插件说明
Chinese (Simplified)把编辑器语言切换成简体中文
Codelf命名推荐
Change Case此插件则添加了用于修改文本的更多命名格式,包括驼峰命名、下划线分隔命名,snake_case 命名以及 CONST_CAS 命名等。
Open-In-Browser右键快速打开浏览器
Live Serverid实时同步把代码渲染到浏览器
CSS Peek使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。
Color Info颜色预览
Image preview图片宽高预览
Beautify美化代码
Auto Close Tag自动补全标签
Auto-Rename-Tag修改标签名 自动同步修改闭合标签的标签名
Bracket Pair Colorizer 2为代码中的括号添上一抹亮色
HTML CSS Supporthtml提示css自动补全
HTML Boilerplate通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。
TODO Highlight / TODO Tree。快速找到 TODOFIXME 注释
JavaScript (ES6) code snippetsES6快捷键
Icon Fonts这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集,包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。
Atom One Dark Theme一款暗黑主题
Community Material Theme一款小众主题
vscode-icons它不仅能够给文件夹、文件添加上舒适的图标,而且可以自动检测项目,根据项目不同功能配上不同图标,例如,git、Markdown、配置项、工具类等等。
Material Icon ThemeMaterial 图标主题
Material ThemeMaterial 代码主题
Panda Theme可爱的熊猫主题
Prettier - Code formatterPrettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件,它就能够自动应用 Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。
ESLintid用于规范代码风格
Regex Previewer这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上,并高亮所有的匹配项
Debugger for Chrome打断点,映射 vscode 上到 Chrome 上 方便调试
Quokka.js主要是基于 js 或者 ts,在编辑器中快速查看键入代码的结果 很方便 不需要再打console控制台看
REST Clien功能与 postman 一致 建立一个 .http 后缀的文件 把接口相关链接 请求方式 参数等放在里面 可以直接点 Send Request 或者快捷键 Ctrl+Alt+r 就可以查看请求返回信息
Vetur如果写 Vue 项目 可以安装 可以高亮 Vue 代码 格式化代码等
VolarVue3 代码高亮,格式化代码等,比 Vetur 更强大
Markdown All in One这款插件可以实现媲美 Typora 的 Markdown 编辑体验
Markdown Preview Enhanced可以编辑器内看markdown编译出来的效果

❤️ 感谢大家

如果本文对你有帮助,就点个赞支持下吧,你的「赞」是我创作的动力。

文章分类
前端