VS Code 的 3 个奇技淫巧
2023-03-14 11:22:38 时间
分享 3 个 VS Code 使用技巧,选项虽然少,但真的很有帮助。看完本文请告诉我你的使用感受。
启用原生括号成对着色
在我们编码的时候,肯定会有函数嵌套或是其他一些逻辑判断等层层嵌套,随着代码量的增加,你会不会感觉括号嵌套太多层而导致代码难以阅读?
如果你对类似问题困惑的话,VS Code 中安装 Bracket Pair Colorizer 插件可以帮助你实现各个成对的括号都会以不同的颜色进行区别,对于括号很多的代码非常实用。不过会带来性能问题。
现在有原生括号对着色功能,而且速度要快得多,大文件也可以快速渲染,可以抛弃Bracket Pair Colorizer插件了。
配置
- 确保移除 Bracket Pair Colorizer 扩展。
- 更新 VS Code
- 打开 JSON 文件。添加以下内容:
- "editor.bracketPairColorization.enabled": true
比如为 One Monokai 主题自定义的括号颜色:
- "workbench.colorCustomizations": {
- "editorBracketHighlight.foreground1": "#5bb3b3",
- "editorBracketHighlight.foreground2": "#fac863",
- "editorBracketHighlight.foreground3": "#f99157",
- "editorBracketHighlight.foreground4": "#ec5f67",
- "editorBracketHighlight.foreground5": "#bb80b3",
- "editorBracketHighlight.foreground6": "#98C379",
- }
启用内联提示预览自动完成你的代码
- "editor.suggest.preview": true,
排序代码
- {
- "key": "shift+alt+s",
- "command": "editor.action.sortLinesAscending"
- }
使用macros运行多个操作
因为这仍然不是原生功能,所以我正在使用macros扩展。
- {
- "key": "shift+alt+f",
- "command": "macros.fixDocumentAndSort",
- "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly && !inCompositeEditor"
- }
- "macros": {
- "eslintFixAndFormatDocument": [
- "eslint.executeAutofix",
- "editor.action.formatDocument"
- ],
- },
在这个绑定中,VS Code 正在执行两个动作
- 格式化文档
- 修复 eslint 问题。
OK,就这样,希望你喜欢。
相关文章
- 在 Go 里用 CGO?这 7 个问题你要关注!
- 9款优秀的去中心化通讯软件 Matrix 的客户端
- 求职数据分析,项目经验该怎么写
- 在OKR中,我看到了数据驱动业务的未来
- 火山引擎云原生大数据在金融行业的实践
- OpenHarmony富设备移植指南(二)—从postmarketOS获取移植资源
- 《数据成熟度指数》报告:64%的企业领袖认为大多数员工“不懂数据”
- OpenHarmony 小型系统兼容性测试指南
- 肯睿中国(Cloudera):2023年企业数字战略三大趋势预测
- 适用于 Linux 的十大命令行游戏
- GNOME 截图工具的新旧截图方式
- System76 即将推出的 COSMIC 桌面正在酝酿大变化
- 2GB 内存 8GB 存储即可流畅运行,Windows 11 极致精简版系统 Tiny11 发布
- 迎接 ecode:一个即将推出的具有全新图形用户界面框架的现代、轻量级代码编辑器
- loongarch架构介绍(三)—地址翻译
- Go 语言怎么解决编译器错误“err is shadowed during return”?
- 敏捷:可能被开发人员遗忘的部分
- Denodo预测2023年数据管理和分析的未来
- 利用数据推动可持续发展
- 在 Vue3 中实现 React 原生 Hooks(useState、useEffect),深入理解 React Hooks 的