首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在vscode中使用触摸板可以非常快速地滚动侧边栏

在VS Code中使用触摸板可以非常快速地滚动侧边栏。VS Code是一款跨平台的开源代码编辑器,提供了丰富的功能和插件生态系统,方便开发者进行前端开发、后端开发、软件测试等工作。

使用触摸板可以轻松快速地滚动侧边栏,使得开发者可以更加高效地浏览和管理项目文件。以下是一些常见的操作:

  1. 在触摸板上使用两个手指向上或向下滑动可以滚动侧边栏,以快速浏览项目文件。
  2. 使用单指轻触触摸板可以选中某个文件或文件夹,方便进行进一步的操作,比如打开、删除、移动等。
  3. 双击触摸板可以打开选中的文件或文件夹,方便查看和编辑代码。
  4. 在侧边栏中使用两个手指向左或向右滑动可以展开或折叠文件夹,以便更好地组织和浏览项目结构。
  5. 按住文件或文件夹并拖动可以进行排序和移动操作,方便对项目文件进行整理和管理。

在使用触摸板滚动侧边栏时,VS Code也提供了一些相关的功能和快捷键,以进一步提高开发效率。例如,可以使用快捷键 Ctrl+0(或者 Command+0)将焦点移动到侧边栏,然后使用方向键进行滚动。

总之,使用触摸板可以在VS Code中快速滚动侧边栏,方便开发者进行项目文件的浏览和管理。腾讯云提供了丰富的云计算服务,其中包括云服务器、云存储、人工智能等,可以帮助开发者更好地支持和扩展他们的应用。您可以访问腾讯云官网(https://cloud.tencent.com/)了解更多相关产品和服务信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

开发效率太低?您可能没看这篇文章

我曾亲眼目睹他几秒之内打开开发软件, 优雅调出隐藏的功能, 输入数据输出结果的过程行云流水, 一气呵成, 而手指却始终不曾离开键盘. 吃惊的同时, 不仅发现提高开发效率是多么的重要!...因此工作需要及时记下闪现的灵感, 以方便闲暇时温故而知新. 这里推荐两个笔记应用: ① Evernote ② OneNote ....Scroll Reverser mac滚动方向自定义应用, 可分别设置鼠标和触摸板的上下左右的滚动效果...., 然后重启终端~安装完成 autojump 支持快速跳转到曾经打开过的目录下,安装方法: brew install autojump . tmux 终端复用工具, 支持终端创建不依赖于终端的窗口,...网站有关 Octotree Github重度依赖者必备, 提供左侧边, 快速浏览仓库内容. AdBlock 超强去广告工具, 最受欢迎的Chrome扩展, 拥有超过4000万用户.

3.9K31

11 个高级 Vue 编码技巧

否则,可以像往常一样简单使用它们,就在图像的 src 。除了动态图标样式和动画之外,还可以传递道具来更改 SVG 的大小和其他方面(就像任何其他组件一样)。...我最近在一个项目中使用它来生成动态侧边导航组件。我路由器的某些路由上设置了一个 showInSidebar 元数据属性,我想隐藏在侧边。...在此下方(此处未显示)我还有一个单独的部分,允许侧边切换到使用从 API 发送的一组路由。...为了触发它,我简单使用了一个a v-if,如果它们存在就使用它们,否则它将恢复使用来自 vue-router 的路由。 ? 我的 SideNavbar 组件模板: ?...如果你只需要从a 的数据对象快速获取一个值,你可以简单通过引用parent的数据对象快速获取一个值,你可以简单通过引用parent 来完成: // In parent data() { return

2.6K30
  • 11 个高级 Vue 编码技巧

    否则,可以像往常一样简单使用它们,就在图像的 src 。除了动态图标样式和动画之外,还可以传递道具来更改 SVG 的大小和其他方面(就像任何其他组件一样)。...我最近在一个项目中使用它来生成动态侧边导航组件。我路由器的某些路由上设置了一个 showInSidebar 元数据属性,我想隐藏在侧边。...在此下方(此处未显示)我还有一个单独的部分,允许侧边切换到使用从 API 发送的一组路由。...为了触发它,我简单使用了一个a v-if,如果它们存在就使用它们,否则它将恢复使用来自 vue-router 的路由。 ? 我的 SideNavbar 组件模板: ?...如果你只需要从a 的数据对象快速获取一个值,你可以简单通过引用parent的数据对象快速获取一个值,你可以简单通过引用parent 来完成: // In parent data() { return

    2.5K20

    10个关于 Vue 的高级开发技巧

    否则,可以像往常一样简单使用它们,就在图像的 src 。 除了动态图标样式和动画之外,还可以传递道具来更改 SVG 的大小和其他方面(就像任何其他组件一样)。...我最近在一个项目中使用它来生成动态侧边导航组件。我路由器的某些路由上设置了一个 showInSidebar 元数据属性,我想隐藏在侧边。...在此下方(此处未显示)我还有一个单独的部分,允许侧边切换到使用从 API 发送的一组路由。...为了触发它,我简单使用了一个a v-if,如果它们存在就使用它们,否则它将恢复使用来自 vue-router 的路由。 ? 我的 SideNavbar 组件模板: ?...如果你只需要从a parent 的数据对象快速获取一个值,你可以简单通过引用 parent 来完成: // In parent data() { return { message: '

    6.1K10

    10个关于 Vue 的高级开发技巧

    否则,可以像往常一样简单使用它们,就在图像的 src 。 除了动态图标样式和动画之外,还可以传递道具来更改 SVG 的大小和其他方面(就像任何其他组件一样)。...我最近在一个项目中使用它来生成动态侧边导航组件。我路由器的某些路由上设置了一个 showInSidebar 元数据属性,我想隐藏在侧边。...在此下方(此处未显示)我还有一个单独的部分,允许侧边切换到使用从 API 发送的一组路由。...如果你只需要从a parent 的数据对象快速获取一个值,你可以简单通过引用 parent 来完成: // In parent data() { return { message: '...注意:你可能认为 Vuex 非常适合这种情况,但是除非,你想将实用程序方法的结果值存储 state ,否则它真的不适合这种情况。

    6K20

    Mac下提升工作效率的方式

    shift+方向键:这个选择文本的时候很有用,可以选择单个字符或者整行,多使用才能找到手感。 cmd+shift+左右方向键:这个可以快速选择当前行,用的也很多。...cmd+: 切换同一应用的窗口,这个非常实用。比如打开多个xcode工程的情况下,快速不同项目之间切换。 Finder,Firefox等场景下都支持。...全屏工作环境 Macbook屏幕都比较小,再除去顶部状态,和底部dock,所剩下的展示区域就非常少了,可视区域变小必然会导致更频繁的窗口滚动操作。...我个人习惯把状态,dock都自动隐藏,这样可以需要长时间高注意力工作时产生更高的效率,比如写代码时可以xcode里看到更多的代码,比如编辑文字的时候不用频繁的上下滚动。...被忽视的触摸板 不少人都会觉得macbook的触摸板非常灵敏好用,单指轻触就可以完成鼠标的单击效果,双指轻触右半部分显示菜单,双指上下滑动可以完成页面的上下滚动,双指从右侧滑动呼出通知中心,四指朝外扩散可以显示桌面

    1.3K30

    一个Mac系统,能让程序员编程效率提升30%

    shift+方向键:这个选择文本的时候很有用,可以选择单个字符或者整行,多使用才能找到手感。 cmd+shift+左右方向键:这个可以快速选择当前行,用的也很多。...cmd+: 切换同一应用的窗口,这个非常实用。比如打开多个xcode工程的情况下,快速不同项目之间切换。 Finder,Firefox等场景下都支持。...点击:加入 全屏工作环境 Macbook屏幕都比较小,再除去顶部状态,和底部dock,所剩下的展示区域就非常少了,可视区域变小必然会导致更频繁的窗口滚动操作。...我个人习惯把状态,dock都自动隐藏,这样可以需要长时间高注意力工作时产生更高的效率,比如写代码时可以xcode里看到更多的代码,比如编辑文字的时候不用频繁的上下滚动。...被忽视的触摸板 不少人都会觉得macbook的触摸板非常灵敏好用,单指轻触就可以完成鼠标的单击效果,双指轻触右半部分显示菜单,双指上下滑动可以完成页面的上下滚动,双指从右侧滑动呼出通知中心,四指朝外扩散可以显示桌面

    2.2K20

    如何使用 CSS 设置和自定义水平和垂直滚动

    垂直滚动非常常见,因为浏览器为所有网站设置了默认垂直滚动条。除了默认滚动条外,您还可以您的网站内设置自定义垂直滚动条。垂直滚动可以帮助您的网站用户查看超出容器可见区域的内容。例如,侧边导航。...本节,我们将按照以下步骤创建一个可滚动侧边导航:a)创建带有导航项目的导航b)将导航样式设置为侧边c)将侧边栏位置设置为固定d)使用滚动条管理项目的溢出a)....将侧边栏位置设置为固定。本节,我们将专注于防止侧边滚动主要内容时移动。我们希望将侧边样式设置为固定位置,以便主体可以自行滚动而不带上侧边。...从截图中可以看出,侧边的底部看起来不像设置底部。这是因为内容比其容器的高度长。在下一节,我们将学习如何防止导航项目列表显示侧边之外。d)....使用滚动条管理内容溢出防止导航项目显示侧边之外非常简单。只需使用一行CSS代码即可完成此操作,该行代码使用overflow-y属性。

    1.5K00

    Anconda环境下Vscode安装Python的方法详解

    这里使用的操作系统为win7/10,安装环境是使用Anconda搭建Python环境,然后Vscode编辑器安装Python插件,最终能够Vscode环境下使用Python。...和普通的软件安装一样,主要是要确保Anaconda的环境变量被添加到系统变量Path。 安装完成后,win+R然后cmd看看是不是装好了,可以试试pip list看看装了哪些包。 ?...基本配置vscode环境 Python扩展插件安装 如下图,点击左侧边红色选中框,输入框输入Python扩展插件的安装,安装完成后重新加载即可在已安装侧边中看到Python ?...你可以文件- 首选项- 设置,打开一个setting.json 上图是我的基本配置,右边红色选中框是我自己的用户自定义配置,包括字体设定、是否滚动鼠标,是否启动默认更新等。...我们可以看到,代码调用了matplotlib数据包,并且代码编译通过,显示出所打印的正弦波图像。 这样安装的好处是我们不必安装了Python后,一个个安装Python所需的各种工具包了。

    99210

    VSCode Debug: 揭秘编程的X因素

    表达式评估(Expression Evaluation):调试时,你可以代码任何地方输入并执行代码,这对于测试代码片段或验证假设特别有用。...你可以通过.vscode/launch.json文件配置调试环境和参数。 设置和管理断点:VSCode,你可以代码的任何行设置或取消断点。...调试侧边VSCode的调试侧边显示了当前的变量值,调用堆栈,断点,以及你可以输入和执行代码的DEBUG CONSOLE。...调试工具:调试工具包含了多种操作按钮,比如开始/结束调试,暂停/继续执行,以及单步执行(步入,步出,跨过)等。 内联值:调试期间,VSCode可以显示代码变量和表达式的实时值。...这对于理解和调试多线程或多进程代码非常有用。 总结 以上就是关于VSCode调试的知识点概述。理解并熟练应用这些知识点,可以帮助我们更有效找出和修复代码的错误,从而提升我们的开发效率。

    23610

    推荐一款Python编辑器,集Pycharm和Sublime优点于一身的王者

    下图就是启动vscode后的界面,看起来是不是非常的清亮整洁。 ? 主界面的左侧侧边有几个比较重要的栏目,分别是文件管理、搜索、调试和插件管理。 1)文件管理。...打开我们上面讲的插件管理侧边应用商店搜索python返回的第一个结果就是我们需要的插件,下图是我安装完之后显示的画面。...2).调试 说完运行再简单聊一聊调试,可能由于我长期使用sublime的原因,对于vscode的调试功能实在是非常喜爱。...首先来看侧边,就是文章第一部分提到的调试功能界面,其中变量包含了vscode自动识别的程序变量 监控可以自定义变量没有的表达式,例如我们想实时监控i+j+k的值,就可以将表达式添加到这里;...---- 作为一款轻量级编辑器,vscode使用起来要比pycharm顺滑的多,而相比sublime它的功能又更加完善,而且如果你的项目包含多种语言(例如web开发),所有代码都可以vscode完成

    1.2K20

    Vscode常用快捷键

    基本的编辑 快捷键 描述 Ctrl+Shift+K 删除行 Ctrl+Enter 本行的下边插入一行 Ctrl+Shift+Enter 本行的上边插入一行 Ctrl+Shift+\ 跳到匹配的括号...Home/end 行首或者行尾 Ctrl+home/end 跳转到文件头或者尾 Ctrl+↑/↓ 滚动屏幕,相当于滚轮 Ctrl+Shift+[\] 折叠或者展开 Ctrl+/ 切换行注释(打开→关闭.../正则/全字匹配 F2 重命名变量 针对工作区全部文件的查找和替换操作 和原来的查找和替换的快捷键类似,原来快捷键的基础上加一个 Shift即可,例如可以通过 Ctrl+Shift+H实现对工作区所有文件的查找工作...自定义 vscode的markdown all in one 插件提供了一些markdown文件的快捷编辑形式,这里列出比较常用的快捷键 快捷键 描述 Ctrl+Alt+t 创建目录 a bn h dd...文件管理 快捷键 描述 Ctrl+O 打开文件夹(非工作区,工作区用Ctrl+P) Ctrl+N 新建文件 展示 快捷键 描述 左侧边快速打开命令 快速打开侧边的一些窗口的快捷键一般是Ctrl

    44910

    这款Python王者编辑器,集Pycharm和Sublime优点于一身

    下图就是启动vscode后的界面,看起来是不是非常的清亮整洁。 ? 主界面的左侧侧边有几个比较重要的栏目,分别是文件管理、搜索、调试和插件管理。 1)文件管理。...打开我们上面讲的插件管理侧边应用商店搜索python返回的第一个结果就是我们需要的插件,下图是我安装完之后显示的画面。...2).调试 说完运行再简单聊一聊调试,可能由于我长期使用sublime的原因,对于vscode的调试功能实在是非常喜爱。...首先来看侧边,就是文章第一部分提到的调试功能界面,其中变量包含了vscode自动识别的程序变量 监控可以自定义变量没有的表达式,例如我们想实时监控i+j+k的值,就可以将表达式添加到这里;...---- 作为一款轻量级编辑器,vscode使用起来要比pycharm顺滑的多,而相比sublime它的功能又更加完善,而且如果你的项目包含多种语言(例如web开发),所有代码都可以vscode完成

    1.6K30

    新手做网页设计?这9款经典网页布局设计了解下

    由于此布局缺少其他元素,精选图会引起用户对产品的完全关注。 如果你想设计一个可以快速销售产品的网站,那么就可以使用这种布局。...如果你的网站需要提供两种截然不同的用户旅程变体,那么使用拆分屏幕的布局吧。但是要避免拆分部分添加太多内容。如果内容过长过多,分屏设计不能很好扩展,会影响体验。...Happiness Abscissa 网站布局思路:侧边导航 image.png A: Happiness 该网站使用了一个固定的侧边导航来显示整个布局。...导航无疑是任何网站的关键部分,主菜单是大多数用户导航时首先要查找的内容。除了顶部水平导航外,你还可以通过将菜单选项放在固定的侧边来布局。侧边应该选择页面左侧或右侧的垂直列。...但值得一提的是,Medium文章内面又是采用了单布局,这是为了方便读者可以没有障碍滚动鼠标进行阅读。 对于页面上具有大量内容又具有复杂层次结构的网站,栅栏布局是一个不错的选择。

    2.5K31

    VS Code 调试完全攻略(4):launch.json 和调试控制台

    VSCode 使用 launch.json 进行细粒度的控制,有了它就可以启动我们的程序或将其附加到复杂的调试场景。没有 launch.json 只能搞一些小把戏,我们需要继续向前迈进。...VSCode打开我们的示例代码文件夹: ? 打开文件夹 launch.json VSCode 有着方便的用户界面,可以生成配置框架。...切换到调试侧边,单击 “create a launch.json file” 并选择 Node.js: VSCode 会在工作区的 .vscode 文件夹下生成一个新的 launch.json 文件:...可以观察到配置文件启用了调试侧的启动菜单,现在可以用该菜单来快速启动我们的玩具服务器 ? : ?...使用调试控制台 如图所示,你可以输入局部变量(或函数)名,甚至有自动完成功能。 但是你并不会被局限程序本身的代码,还可以导入任何可用的模块: ?

    20.4K30

    VSCode之快捷键和常用插件

    前言 介绍一下我VSCode中常用的一些快捷方式: ctrl+上下箭头 上下滚动页面 Ctrl+Shift+K 删除某一行 Alt+ ↑ / ↓ 移动某一行 Shift+Alt + ↓ / ↑ 复制某一行...一、两种重要使用 1.1 主命令框 Command Palette 最重要的功能就是 F1 或 Ctrl+Shift+P 打开的命令面板了,在这个命令框里可以执行VSCode的 任何一条命令,可以查看每条命令对应的快捷键...Ctrl+P窗口下还可以:   1) 直接输入文件名,快速打开文件   2) ? 列出当前可执行的动作   3) !...查找替换 查找 Ctrl+F 查找替换 Ctrl+H 整个文件夹查找 Ctrl+Shift+F 2.4 显示相关 全屏:F11 zoomIn/zoomOut:Ctrl +/- 侧边显/隐:Ctrl...前端开发常用插件 1)View In Browser 预览页面(ctrl+F1) 2)vscode-icons 侧的图标,对于一个有视觉强迫症的人是必须要的 3)HTML Snippets

    2K10

    使用sublime打造一个终极版的Python开发编辑环境

    本文的重点是sublime text 3为那些可能没有充分利用sublime潜能的人设置一个终极版的python开发设置环境。 02 简介 Sublime Text 是一个文本编辑器。...欣赏VSCode和Sublime的一点是JSON设置,默认设置和用户设置。然而,最近的VSCode版本正在把它变得更像Intellij ide。看,JSON设置非常棒。...我们可以设置写我们的评论,为什么我们想要一个特定的设置,为什么我们一开始就禁用它。...安装完成后,您只需从sublime包存储库无缝安装/卸载您的包。 ?...侧边的改进 安装侧增强功能,以允许对侧的文件和文件夹进行过多的操作: https://packagecontrol.io/packages/SideBarEnhancements ?

    2.4K20

    Material Design — 底部导航(Bottom Navigation)

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS的组件(顺便学学英语),以便今后使用的时候完全不虚!...点击底部导航的图标可以:1、直接将你带到相关页面;2、刷新当前页面。 底部导航主要用于移动端,为了pc端实现类似效果,可以使用侧边导航。...用法 设置3-5个一级页面目的 这些一级页面是需要直接访问的 颜色 激活的页面icon:1、底部导航为黑色/百色——用软件的主色调;2、如果底部导航已经有了颜色——使用黑色/白色。...更大的显示器,如pc端,可以通过使用侧边导航实现类似的效果。例如,紧凑的“rail”处理处理方式默认展示导航图标。 ? 左:移动端    右:pc端 什么时候用?...滚动 底部导航滚动可以动态出现和消失: ·向下滚动隐藏底部导航 ·向上滚动显示 手势 在内容区域上使用左右滑动手势不会在一级页面之间切换。

    4K90

    使用Visual Studio Code编写Vue的札记

    可以使用 npm install -g eslint-plugin-html 来安装 接着,安装了 HTML 插件后,还需要在 vscode 配置下 ESLint: "eslint.validate....eslintrc.json , 如果还没创建,还可以使用下面快捷命令来创建。...for VS Code EditorConfig插件 Emoji 代码输入emoji ESLintESLint插件,高亮提示 File Peek 根据路径字符串,快速定位到文件 Font-awesome...) 六、快捷键使用 全局 Ctrl + Shift + P, F1显示命令面板 按一下 Backspace 会进入到Ctrl+P 模式 Ctrl+P 下输入> 可以进入 Ctrl+Shift...新窗口打开当前文件 显示 F11 全屏、退出全屏 Shift + Alt + 1 切换编辑器分屏方式(横、竖) Ctrl + + 放大 Ctrl + - 缩小 Ctrl + B 显示、隐藏侧边

    39.1K92

    vue系列教程之微商城项目|分类

    静态布局 顶部导航引入 fenlei.vue ? ? 引入侧边导航 结构大致如下,需要content-style占满屏幕剩余的空间,也就是除去顶部和底部导航的空间. ?...遍历goods数组,将每个元素的name放入侧边导航的元素 fenlei.vue ? ? ?...右侧商品分类列表 借助主页中使用过的vant-ui的宫格布局快速实现相应布局和样式. ? ? ? ? ? ? 这样就完成了相应的静态布局,但无法实现内容滚动效果。...该页面,需要等待content-left内的导航和content-right的商品分类列表,渲染完毕之后再进行better-scroll的初始化....滚动联动 介绍 better-scroll提供了快速制作索引列表的模块,它将滚动容器的父元素视为列表,把该父元素的子元素视为列表项,通过给定对应的列表项下标,即可滚动到对应的子元素.

    6.4K10
    领券