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

vscode常用插件快捷键

没错,就是我们亲爱的IDE,前端开发者最爱的编辑器应该是vscode了吧。但是我们要怎么去锋利它尼?不外乎就是熟悉它的使用方法、快捷键以及第三方的插件。...接下来,我整理了一些vscode常用的快捷键以及常用插件,希望可以帮助各位码农锋利自己的武器。...快捷键器篇 窗口文件相关快捷键 新建文件 Ctrl+N 文件之间切换贴 Ctrl+Tab 打开一个新的VS Code编辑器 Ctrl+Shift+N 关闭当前窗口 Ctrl+W 关闭当前的VS Code...不过各位小伙伴也不要慌张,vscode同样也提供了非常人性化的自定义快捷键功能。那到底怎么自定义尼?下面奉上一张宝图,大家就一目了然了。...也很幸运的有background这个插件,安装之后会有一个默认的背景图片,如图所示: 这个时候,我们可以在修改设置中搜索background修改设置json文件,如下所示: 修改代码奉上: {undefined

86530
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    VSCode之快捷键和常用插件

    一、两种重要使用 1.1 主命令框 Command Palette 最重要的功能就是 F1 或 Ctrl+Shift+P 打开的命令面板了,在这个命令框里可以执行VSCode的 任何一条命令,可以查看每条命令对应的快捷键...显示Errors或Warnings,也可以Ctrl+Shift+M   4): 跳转到行数,也可以Ctrl+G直接进入   5)@ 跳转到symbol(搜索变量或者函数),也可以Ctrl+Shift...整个文件夹中查找 Ctrl+Shift+F 2.4 显示相关 全屏:F11 zoomIn/zoomOut:Ctrl +/- 侧边栏显/隐:Ctrl+B 显示资源管理器 Ctrl+Shift+E 显示搜索...需安装 TextTransform 插件 { "key": "ctrl+k ctrl+u", "command": "uppercase", "when...前端开发常用插件 1)View In Browser 预览页面(ctrl+F1) 2)vscode-icons 侧栏的图标,对于一个有视觉强迫症的人是必须要的 3)HTML Snippets

    2K10

    使用插件配置vscode快捷键支持多command命令

    配置快捷键运行多条命令,目前没有看到官方的解决方案,使用三方插件支持 测试环境: Mac vscode 默认语言 multi-command插件 https://marketplace.visualstudio.com...itemName=ryuta46.multi-command 先安装multi-command~ 打开配置页 打开vscode命令面板按F1或者command + shift + p 搜索 open keyboard...shortcuts,选择Open Keyboard Shortcuts (JSON) 我之前有次修改过cmd-k快捷键,目的是清空code-runner插件运行的命令行信息(清屏)。...我需要执行多个消息清空的命令,按下面配置即可 // 将键绑定放在此文件中以覆盖默认值auto[] [ //... { "key": "cmd+k", "command": "extension.multiCommand.execute...vscode的其他命令,可以使用下面方法找到完整command命令 打开vscode命令面板按F1或者command + shift + p 搜索命令关键字 点击右侧设置按钮 右键Copy

    1.8K30

    Windows 的开发好痛苦

    算了,我还是直接使用 VSCode 吧。它在 NixOS 上运行良好,所以在 Windows 上应该问题不大吧? Vim 模拟 首先我安装了 Vim 插件 vscodevim。...whichwrap Vim 有一个叫做 whichwrap 的功能,当光标移动到行尾或行首时,可以使用方向键将光标移动到下一行的行首,或上一行的行尾。...据我所知,VSCode 无法配置这一点。在某个项目中我必须禁用 Go 插件并重载 VSCode,等待 direnv 设置生效之后,再重新启用 Go 插件。...如果能指定插件加载顺序,实现这一点就非常容易,但显然 VSCode 不允许你控制加载顺序。 02 开发工具 我使用的终端是 st,shell 是 fish。...主题 我使用的主题是 oh my fish,所以搜索了一下 oh my powershell,希望能找到一些功能完备的工具。结果很幸运。

    1.5K50

    写给flutter开发者的vscode快捷键、插件和设置

    本文将分享我在flutter的日常开发中所使用的「快捷键、插件以及相关设置」。 flutter开发者的快捷键 分享一些我最喜欢的快捷键供大家参考 1.快速修复 MacOS: CMD+....: CMD+Shift+P Windows: CTRL+Shift+P 这将显示一个搜索框,你可以看到所有最近使用的命令,也可以输入搜索新命令: 3.通过文件名搜索 MacOS: CMD+P Windows...附上一份快捷键清单 MacOS: CMD+K CMD+S Windows: CTRL+K CTRL+S flutter开发者的专属插件 使用正确的插件能够让自己事半功倍,多节省时间来摸鱼。 1....2.状态管理相关的插件 大家可以根据自己使用的状态管理,来搜索相关的插件 像 flutter bloc 和Flutter Riverpod Snippets 这些也是我开发必备的,让重复的工作交给插件...用这个插件你在vscode中就可以浏览你的Firebase projects, Firestore data, Cloud Functions等等。

    7.1K21

    vsCode 使用 PHP Intelephense插件实现查找定义、类搜索等功能

    PHP Intelephense PHP代码提示工具,支付代码提示、查找定义、类搜索等功能,非常强大。 下载PHP Intelephense这个插件,要求php版本大于7,且设置环境变量。...一、安装 PHP Intelephense插件 打开vsCode 编辑器,ctrl+shift+x 打开扩展商店,搜索 PHP Intelephense 安装插件 二、配置 PHP Intelephense... 插件 2.1 打开vsCode 点击左下角的小齿轮–>点击“设置” 2.2 搜索PHP Intelephense 插件进行配置 2.3 配置 php.executablePath 路径(按自身情况填写...eclipse中或者vc code中跳转到其它函数方法后如何快速返回原处 快捷键:ctrl + 鼠标左键:跳转到引用的方法。alt + left :从所跳转到引用的方法返回原方法。...使用 PHP Intelephense插件实现查找定义、类搜索等功能

    2.3K20

    把你的 VS Code 打造成 C++ 开发利器

    其他功能请参考VSCode 官网快捷键 要注意下,在windows下,上述快捷是默认的.但在linux、mac下, Alt + ← 跳转返回原处 这一快捷键是无法使用的,原因是快捷键冲突。...笔者在这三个 os 间都长时间做过开发工作,因此建议三种 os 下用统一快捷键,以减少认知成本。linux、mac下,如何绑定 Alt + ← 为 跳转返回原处 。...找到 后退 功能 后退 寻找时可在搜索框中输入后退查找,截图是为了方便大家定位,手动上下翻动找的。 键绑定 点击 上图中的第二个圈位置(键绑定那一列),然后按下键盘上的组合键。...键绑定 4.1.5 大纲功能 VSCode大纲 大纲功能比较使用,直接列出了代码中所有的函数列表,且支持搜索。..."workbench.sideBar.location": "right", 控制栏sidebar移动到右侧 (9) 移动全局搜索框的位置 vscode 老版本的全局搜索框是放在 sidebar 上的,

    13.3K53

    推荐一款很好用的VSCode变量翻译插件

    目录前言插件推荐 —— var-translate-en介绍配置选择翻译服务VSCode插件配置VSCode插件快捷键设置使用结语前言有次我跟前端朋友聊天,发现她对于变量命名很是纠结,很多时候不知道怎么命名好...下面我将为你介绍这块超级好用的VSCode翻译插件,希望你再也不用纠结变量如何命名了!...首先来到百度翻译开放平台官网,选择通用文本翻译:点击立即使用:进入控制台,点击总览:VSCode插件配置安装完插件后,打开首选项设置,搜索Var-translate-en(输入一部分也可以),找到对应的百度翻译配置...,把刚刚记住的申请信息的APP ID和密钥,分别填入下面的两个箭头指示的输入框中:VSCode插件快捷键设置还是首选项中,找到键盘快捷方式,进入快捷方式的设置。...搜索var-translaste-en,键绑定为你想要设置的快捷键。这里我设置的是Option + E,Windows可以设置为Alt + E。使用快捷键配置好了,就开始用了。

    2.1K30

    VSCode高效开发工作流配置指南

    如果有开发者想使用VSCode中文菜单的,也可以搜索chinese,找到中文插件进行安装,操作如下图所示。 ? 注:本篇文档是基于已安装了中文插件的window版VSCode进行截图示例。...总之,以后想安装什么插件,都可以在插件扩展商店中搜索查找及安装。...直接给命令行设置快捷键是通过VSCode做不到的。但是,我们可以在任务里去执行命令行的相关指令。然后修改执行任务的快捷键,并指定默认运行的任务名称,就可以实现VSCode快捷键的绑定。...打开键盘快捷方式后,先在顶部搜索task,找出任务相关的快捷方式,再找到 运行任务(Run Task)双击,设置快捷键 Ctrl + F8 (可按自己的习惯设置一个不冲突的快捷键即可),回车即完成运行任务的快捷键绑定...点击后,我们看到快捷盘配置的JSON里,有刚刚绑定了快捷键的配置信息。

    2.3K30

    visual studio code适合什么语言_将当前运行的配置备份成初始配置

    ,而且Atom的插件可能更多更强大,但Atom的运行效率并不高,占用系统资源较多; (2)VSCode与Pycharm比较: Pycharm是专门为Python打造的IDE,功能强大,但比较臃肿,启动慢...但Sublime只适合用来写较小的Python脚本,对于Django项目、Flask项目等支持不好,而且Sublime没有一个很好的集成终端的插件,也没有调试功能; (4)VSCode和Vim比较:...它占用的资源也还可以,但反应速度似乎有一点点不够理想,而且习惯了Pycharm的各种快捷键之后,对Komodo也没那么多想法了…… 综上,VSCode相对来说,可以作为一个比较理想的Python IDE...:支持flask模块代码片段的插件; [2]编辑器有关: (1)IntelliJ IDEA Keybindings:可以提供和Pycharm一样的快捷键绑定的插件,也就不用担心从Pycharm转VSCode...的时候要重新记忆快捷键了; (2)各种颜色主题(可以在商店中搜索“theme”)和图标主题(可以搜索“icon”); (3)backgroud:可以使用图片作为编辑器区域的背景; [3]前端开发有关

    91620

    IDEA(Jetbrains系列,pycharm,goland…)翻译插件推荐Translation 安装和使用以及快捷键绑定…

    首先第一步是安装该插件 如图: File -> setting –>plugins 进入该页面,点击如图所示按钮....然后搜索 Translation 如图: 我们需要的结果一般都不会排在前面,需要往下拉再找找,名字应当也是 Translation,我这边已经安装了所以没有 这个图标,找到Translation插件以后...,就可以点击Install 就可以安装这个插件了,安装完以后就可以重启IDEA,之后我们就可以配置快捷键 重启完以后就会发现在在toolbar这边会多一个图标 接下来我们绑定快捷键 同样我们 File...-> setting -> keymap 进入热键设置界面,在右侧输入框搜索 Translation 如图: 可以通过右键选项来选择添加快捷还是移除快捷方式,我这边习惯用ALT+ 字母 来触发...可以在这两个地方来修改方式,当然也可以在增加一个快捷键来修改翻译方式,但是我觉着没有什么必要 生活不易,且行且珍惜!

    2.1K10

    干货:用好VSCode这13款插件和8个快捷键,工作效率提升10倍

    不少新手可能会觉得 VsCode 编辑文本还好,看代码和写代码太难用,那是没有掌握正确的打开方式,VsCode 精髓是丰富的插件体系支持,相信看完这篇文章配置好环境之后,就只剩一句「真香」能形容。...为了有个直观的印象,先来看下我的 VsCode 插件列表,因为我用VsCode 开发 C/C++/Go/Python 程序,插件比较多,有些可能和本文无关的插件可以忽略掉。 ?...现在不要 888 也不要 998,只需一键下载安装这个插件就再也不用担心啦。...实用工具 下面这几个插件是比较实用的工具插件,各取所需。 第一个是官方提供的 VsCode 中文汉化包。...这么说一点也不过分,它会打开 VsCode 命令窗口,在这个窗口下输入上述的插件名称就能知道这个插件支持哪些特性了,顺带还会说明特性快捷键。

    6.1K50
    领券