你好赵伟

这个屌丝很懒，什么也没留下！

热门标签

VS Code好用的插件推荐（杂项笔记）_vscode 好用的插件

作者：你好赵伟 | 2024-06-12 16:16:27

踩

vscode 好用的插件

最近在回顾前端的一些知识，刚好新买了电脑，重新安装一下各厂开发工具，就把我学习过程中遇到的好用的插件推荐给大家了。

1、IntelliJ IDEA Keybindings

IntelliJ IDEA Keybindings
1

安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键，这个对于经常用idea的后端程序员还是很友好的。
在这里插入图片描述

Chinese (Simplified) Language Pack
1

适用于 VS Code 的中文（简体）语言包。
在这里插入图片描述

Code Spell Checker
1

拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将banane 添加至检查器的字典中。
在这里插入图片描述

JavaScript (ES6) code snippets
1

支持ES6语法提示。
在这里插入图片描述

Mithril Emmet
1

一个能大幅度提高前端开发效率的一个工具，用于补全代码。
在这里插入图片描述

Path Intellisense
1

路径提示插件。这个插件也建议安装，虽然vs code内部集成了类似功能，但是没这个全面；
在这里插入图片描述

Vue 3 Snippets
1

在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。
在这里插入图片描述

VueHelper
1

vscode最好的vue代码提示插件，不仅包括了vue2所有api，还含有vue-router2和vuex2的代码。
在这里插入图片描述

Auto Close Tag
1

自动闭合HTML/XML标签。
在这里插入图片描述

Auto Rename Tag
1

自动完成另一侧标签的同步修改。
在这里插入图片描述

prettier
1

格式化 html ,js,css,Beautify过期的话，可以使用prettier作为替代。
在这里插入图片描述

Bracket Pair Colorizer 2
1

给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色。
在这里插入图片描述

open in browser
1

vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari。
在这里插入图片描述

Vetur
1

Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。

在这里插入图片描述

File Utils
1

File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。
在这里插入图片描述

HTML CSS Support
1

在编写样式表的时候，自动补全功能大大缩减了编写时间。这个插件还是建议安装，虽然vs code内部集成了类似功能，但是在某些场景下不如这个全面；
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/708714