7个开发者不可不知的VS Code小技巧
介绍7个开发人员必备的 VS Code 小技巧。
本文介绍7个开发人员必备的 VS Code 小技巧,这些技巧有助于提升生产力,高效且实用!
1 固定滚动(Sticky Scroll)
在浏览长文件时,你是否经常迷失方向?固定滚动功能可以帮助你在浏览长文件时更好地保持方向感。
启用固定滚动功能后,编辑器会在屏幕顶部显示当前所处的函数或类的名称。这样,无论你向下滚动多远,始终可以清楚地知道自己正在查看哪个部分的代码。
这个功能可以在设置中启用,搜索 "固定滚动"。
或者,也可以在 settings.json
文件中添加以下内容:
"editor.stickySrcoll.enabled": true
2 命令面板(Command Palette)
命令面板可以帮助开发人员快速执行各种操作和命令。
只需使用快捷键并选择所需的命令:
Windows:Ctrl + Shift + P
Mac:Cmd + Shift + P
3 自定义代码片段(Custom Snippets)
自定义代码片段功能允许创建和使用自定义的代码块模板。
通过定义自定义代码片段,可以将经常重复使用的代码块保存为模板,并在需要的时候快速插入到代码中。这样非常节省编写重复代码的时间和精力,提高编码效率。
4 文件查找(File Finder)
和命令面板类似,"转到文件" 是一个快速打开文件的便捷功能。
以下是快捷键:
Windows:Ctrl + P
Mac:Cmd + P
5 内部版本(Insider Version)
在VS Code中,内部版本是指在正式发布之前提供给用户的一种预览版本。
内部版本是为了让开发者和用户能够在最早的阶段体验和测试即将发布的新功能和改进。
内部版本每天都会更新最新的功能,包含了最新的代码和功能改进。你可以从这里这里下载。
6 转到符号( Go to Symbol)
"转到符号" 是另一个便捷的功能,可以快速跳转到文件中的函数或类。
Windows:Ctrl + Shift + O
Mac:Cmd + Shift + O
7 查看文件更改(Check out file changes)
默认情况下,VS Code 提供了时间线功能,显示你对文件所做的所有更改。
推荐书单
《Web前端开发全程实战——HTML5+CSS3+JavaScript+jQuery+Bootstrap(清华社“视频大讲堂"大系 网络开发视频大讲堂)》
《Web前端开发全程实战——HTML5 CSS3 JavaScript jQuery Bootstrap》从初学者角度出发,结合大量实例讲解了如何使用HTML5、CSS3、JavaScript、jQuery、Ajax、Boostrap、Vue、PHP 等基本技术搭建Web 前端,力求向读者提供一套极简的Web 前端一站式高效学习方案。全书共28 章,内容包括HTML5基础、设计HTML5 文档结构、设计HTML5 文本、设计HTML5 图像和多媒体、设计列表和超链接、设计表格和表单、CSS3 基础、设计文本样式、设计效和动画样式、CSS 页面布局、JavaScript 基础、处理字符串、使用数组、使用函数、使用对象、jQuery 基础、文档操作、事件处理、使用Ajax、CSS 样式操作、jQuery 动画、Bootstrap基础、CSS 组件、JavaScript 插件、使用Vue、PHP 基础、使用PHP 与网页交互、使用PDO 操作数据库、项目实战。书中所有知识点均结合具体实例展开讲解,代码注释详尽,可使读者轻松掌握前端技术精髓,提升实际开发能力。
购买链接:https://item.jd.com/13512401.html
精彩回顾