VS Code好用的插件推荐(杂项笔记)

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

1、IntelliJ IDEA Keybindings

IntelliJ IDEA Keybindings

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

2、Chinese (Simplified) Language Pack

Chinese (Simplified) Language Pack

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

3、Code Spell Checker

Code Spell Checker

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

4、JavaScript (ES6) code snippets

JavaScript (ES6) code snippets

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

5、Mithril Emmet

Mithril Emmet

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

6、Path Intellisense

Path Intellisense

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

7、Vue 3 Snippets

Vue 3 Snippets

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

8、VueHelper

VueHelper

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

9、Auto Close Tag

Auto Close Tag

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

10、Auto Rename Tag

Auto Rename Tag

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

11、Beautify

prettier

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

12、Bracket Pair Colorizer 2

Bracket Pair Colorizer 2

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

13、open in browser

open in browser

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

14、Vetur

Vetur

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

在这里插入图片描述

15、File Utils

File Utils

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

16、HTML CSS Support

HTML CSS Support

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

  • 17
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

玻璃瓶和纸飞机

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值