热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

【神器】vscode常用插件与配置

背景前端开发现在最火的编辑器当属VSCode了,其中丰富的插件应用可以帮助提高我们的开发效率和拓展编辑器的能力。前几天因为macpro有一批电脑硬盘有问题࿰

背景

前端开发现在最火的编辑器当属VSCode了,其中丰富的插件应用可以帮助提高我们的开发效率和拓展编辑器的能力。 前几天因为mac pro有一批电脑硬盘有问题,于是便重新换了硬盘,导致之前安装的app及所有相关配置都需要重新装一遍,借此机会也总结下我安装的插件应用及配置

常用插件

主题类

介绍两款比较受欢迎的主题,更换主题的方法

  1. Atom One Dark Theme
  2. Dracula Official 切换主题的方法

编程工具类

  1. Auto Close Tag: 自动补齐html便签
  2. Auto Rename Tag: 当你修改标签名时,会同时更改初始和结束标签
  3. Babel ES6/ES7: 高亮ES6/ES7语法
  4. Beautify: 美化Javascript, JSON, CSS, Sass, and HTML
  5. Bookmarks: 为需要的代码行做记录,并支持直接跳转
  6. Bracket Pair Colorizer: 当代码嵌套太多时,不同组[]/{}等符号具有不同的颜色,便于区分同组符号
  7. CSS Peek: 标签中设置的class,支持直接跳转到对应css区域
  8. EditorConfig for VS Code: 定义和维护代码风格(行尾结束符、缩进风格等),,参考链接
  9. ES7 React/Redux/GraphQL/React-Native snippets: 提供语法快捷方式
  10. filesize: 在编辑器底部的状态栏中会展示当前编辑文件的size大小,点击具体大小值会展示具体信息
  11. Git History: 查看文件、某一代码行的git更改历史
  12. Git History Diff: 也是用来查看文件、某一代码行的git更改历史,同时可以切换具体某次提交,查看所有文件的diff(个人觉得比Git History使用更加方便,功能也更加强大)
  13. Import Cost: 展示引入的依赖包的大小
  14. Markdown All in One: markdown语法的快捷方式
  15. Markdown Preview Enhanced: 增加markdown文件的预览功能,可以实时查看效果
  16. minapp: 微信小程序标签、属性的智能补全(支持原生小程序、mpvue 和 wepy 框架)
  17. npm Intellisense 智能import已安装的npm pkg,显示的pkg为package.json中dependencies中的依赖
  18. open in browser: 针对html文件,支持右键打开浏览器浏览
  19. Path Autocomplete: 引用路径的智能提示
  20. Prettier - Code formatter: 代码格式化
  21. TODO Highlight: 对部分代码块做todo标记,用来提醒自己在最后上线前需要处理的事宜 在User Settings 中增加todohighlight的配置
    具体配置可以参考官网wiki command+shift+P 唤起命令行面板

配置

shell命令使用zsh:

重写User Settings文件即可

"terminal.integrated.shell.osx": "zsh"

更改文件保存方式

设置文件保存的方式,提高开发效率,也防止忘记保存的情况出现。可以直接重写User Settings的配置

"files.autoSave": "onFocusChange"

也可以进入Settings的可视化配置界面,自定义配置自己的偏好,比如字体、间距等


转:https://juejin.im/post/5c7cd20de51d452a4f6bedef



推荐阅读
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • Java 中的 BigDecimal pow()方法,示例 ... [详细]
  • 探讨如何高效使用FastJSON进行JSON数据解析,特别是从复杂嵌套结构中提取特定字段值的方法。 ... [详细]
  • 本文介绍了Java并发库中的阻塞队列(BlockingQueue)及其典型应用场景。通过具体实例,展示了如何利用LinkedBlockingQueue实现线程间高效、安全的数据传递,并结合线程池和原子类优化性能。 ... [详细]
  • 深入理解 SQL 视图、存储过程与事务
    本文详细介绍了SQL中的视图、存储过程和事务的概念及应用。视图为用户提供了一种灵活的数据查询方式,存储过程则封装了复杂的SQL逻辑,而事务确保了数据库操作的完整性和一致性。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • c# – UWP:BrightnessOverride StartOverride逻辑 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 使用 Azure Service Principal 和 Microsoft Graph API 获取 AAD 用户列表
    本文介绍了一段通用代码示例,该代码不仅能够操作 Azure Active Directory (AAD),还可以通过 Azure Service Principal 的授权访问和管理 Azure 订阅资源。Azure 的架构可以分为两个层级:AAD 和 Subscription。 ... [详细]
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • 本文介绍了ArcXML配置文件的分类及其在不同服务中的应用,详细解释了地图配置文件的结构和功能,包括其在Image Service、Feature Service以及ArcMap Server中的使用方法。 ... [详细]
author-avatar
沙楽33
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有