VSCode好用插件

由于现在还是使用vue2,所以本文只记录vue2开发中好用的插件。
美化类插件不介绍了,那些貌似对生产力起不到什么大的帮助,纯粹的“唯心主义”罢了,但是如果你有兴趣的话可以查看上一篇博客:VSCode美化

1. vuter

简介:开发vue必装的。
在这里插入图片描述

2. 别名路径跳转

简介:别名路径跳转插件,支持任何项目,可以自由配置映射规则,自由配置可缺省后缀名列表。
使用:在使用@引用的项目文件时,鼠标移入,点击即可跳转至引用的页面。
在这里插入图片描述

3. Auto Rename Tag

简介:当我们修改 HTML/XML 某个节点标签时,能够自动重命名结束标签的命名。
在这里插入图片描述

4. Auto Close Tag

简介:自动添加 HTML/XML 结束标签,比如当输入 <p> 标签,则自动添加 </p> 结尾标签。
在这里插入图片描述

5. CSS Navigation

简介:允许你通过点击 HTML 中的类名,直接跳转至对应的样式代码。
在这里插入图片描述

6. Path Intellisense

简介:当你通过 . 的方式导入某个文件时,可自动提示文件路径。
在这里插入图片描述

7. Turbo Console Log

简介:当你想使用console.log打印某个值时,可以选中值,然后快捷键:ctrl + alt + L即可自动生成console.log 语句。
在这里插入图片描述

  • 7
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据提供的引用内容,Visual Studio Code (VSCode)是一款流行的开发者编辑器,它有许多扩展可以提高开发效率。在这篇文章中 <<引用>>,列举了2021年十大最佳VSCode扩展,包括: 1. Live Server:实时服务器,可以在开发中自动刷新浏览器。 2. ESLint:JavaScript代码检查工具,可以帮助检测和纠正常见的代码错误。 3. Prettier:代码格式化工具,可以统一代码风格,并自动格式化代码。 4. GitLens:代码版本控制工具,可以方便地查看代码的提交历史和作者信息。 5. Bracket Pair Colorizer 2:括号配对颜色标识工具,可以让你更清晰地看到代码中的括号配对关系。 6. IntelliSense for CSS class names:CSS类名智能提示工具,可以帮助你更快地选择正确的CSS类名。 7. Code Spell Checker:代码拼写检查工具,可以帮助你发现并纠正代码中的拼写错误。 8. Rainbow Brackets:彩虹括号工具,可以通过彩色标识让你更清楚地看到代码中的嵌套层次。 9. Docker:Docker集成工具,可以方便地管理和部署Docker容器。 10. REST Client:RESTful API测试工具,可以通过简单的文本文件发送HTTP请求。 其他常用的VSCode插件还包括: - Python:提供Python语言支持和相关工具。 - Debugger for Chrome:Chrome浏览器调试器,可以在VSCode中调试前端代码。 - Visual Studio IntelliCode:基于机器学习的智能代码补全工具,可以根据上下文提供更准确的代码建议。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值