「解放双手」老舅教你VS Code Disco

观感度:🌟🌟🌟🌟🌟

口味:驴肉蒸饺

烹饪时间:15min

这是最好的时代,也是最坏的时代。

今年听到过最浪漫的一句话:我们在键盘上留下的余温,也将随时代传递到更远的将来。

感觉让理性的技术人多了份柔光滤镜。

也许你收藏了千篇万篇VS Code快捷键,很可惜却没能记住他们,是因为你没有实际操作过,英文不好没关系,你真正需要的是让你双手指尖的肌肉增加一些记忆。

为了让你们能跟着我一起操练起来,为了让你们节约宝贵的时间,提高工作效率、得到leader夸奖、同事羡慕你疯狂操作的同时还可以有时间快乐摸🐟。

我只能请出老舅了。

(老舅来了赶紧点个赞)

左边跟我一起画个龙🐲

左手键盘操作

左手不够长,那就右手来凑。记住,触控板锁上,再把鼠标扔一边。

面板控制

Command + Shift + P / F1命令面板

Command + Shift + E文件资源管理器

Command + Shift + F跨文件搜索

Command + Shift + D启动和调试

Command + Shift + X管理扩展

Command + Shift + M查看错误和警告

Command + J打开关闭面板

Command + N新建文件

Command + Shift + N打开新的编辑器窗口

Command + W关闭当前编辑器内窗口

Command + Shift + W关闭当前的编辑器

Command + / —缩放

Command + /添加注释

Ctrl + `打开/关闭终端

晃动你的胯胯轴

移动你的代码块

Command + Shift + Enter将光标移动到当前行的上面一行,开启新的一行代码

Command + Enter将光标移动到当前行的下面一行,开启新的一行代码

Option + 上下方向键将当前行,或者当前选中的几行代码,在编辑器里上下移动

Shift + option + 上下方向键向上或向下复制一行

这些操作好好练习一下,你的Cmd + C和Cmd + V键寿命能长点。

格式化代码

Option + Shift + F格式化代码

Command + Shift + P打开命令面板输入 tra 选择大小写实现切换

Command + J合并代码行

选中代码块按Tab增加缩进,按Shift + Tab减少缩进

依次按下Command + k Command + 0全部折叠代码

依次按下Command + K Command + J全部展开代码

指向闪耀的灯球儿

操作光标

Option + 左右方向键以单词为单位移动光标

Command + 左右方向键以行首行尾为单位移动光标

Command + 上下方向键以文档第一行和最后一行为单位移动光标

Command + Shift + \以花括号为单位移动光标

Option + 左右方向键 + Shift以单词为单位选中开头/结尾到光标之间的字符

Command + Shift + 上下方向键以当前光标为单位选中前面/后面所有内容

Option + Delete删除当前单词光标前的内容

fn + Option + Delete删除当前单词光标后的内容

fn + Command + Delete删除当前行光标右侧所有内容

Command + Delete删除当前行光标左侧所有内容

Command + Shift + K删除当前行

Command + X剪切当前行

Command + U撤销光标的移动和选择

Command + Shift + V粘贴纯文本

多光标组合技

Command + Option + 下方向键在当前光标下创建新的光标

Command + 右方向键将光标全部整理移动到每一行的行尾

Command + D

将光标处于需要创建多光标的单词处,按Command + D、Command + D、Command + D……即可实现在同一单词处添加光标

Option + Shift + I

选中内容的每一行行尾添加光标

跳转操作

Command + P搜索文件,选中即打开,如果想要保留原文件,在新窗口打开选中文件后按Command + Enter

Ctrl + Tab同时按下,先松开Tab,在列表中通过Tab切换选择你需要打开的文件,选中即松开Ctrl实现跳转。

Ctrl + G:行号可实现行跳转

Command + F12跳转到函数定义的位置

Shift + F12跳转到被引用的引用

在你右边画一道彩虹🌈

右手鼠标操作

虽然说快捷键是解放鼠标,但是VS Code对鼠标的支持也整挺好的。

  • 单击鼠标左键:移动光标
  • 双击:选中当前光标下的单词
  • 三连击:选中当前行
  • 四连击:选中整个文档
  • 单击行号并移动鼠标即可选中多行代码
  • 鼠标选中行直接拖放可以移动被选中的代码块
  • 鼠标左键拖拽过程中按Option键 复制粘贴代码块

多光标操作

按住Option鼠标在需要创建光标处点击

如何查看已有快捷键/自定义快捷键?

在命令面板输入“打开键盘快捷方式(Open Keyboard Shortcuts)”并执行。

搜索框里输入对应字符“cmd+c”或者点击右侧小键盘图标,进行录制按键。

即可找到对应按键组合进行自定义修改。

正经插件推荐

正则大全any-rule作者:铁皮饭盒

汉化chinese

在浏览器中打开Open-In-Browser

自动闭合HTML/XMl标签Auto Close Tag

自动对应修改HTML/XMl标签Auto Rename Tag

HTML片段/模板HTML Snippets/HTML Boilerplate

高亮注释TODO Highlight

代码风格stylelint/TSLint

Vue开发必备Vetur

React开发必备ES7 React/Redux/GraphQL/React-Native snippets

Go开发必备Go

ES6代码片段JavaScript (ES6) code snippets

映射VSCode上的断点到Chrome Debugger for Chrome

路径自动提示补全Path Intellisense

弥补VSCode原生git不足GitLens

渲染颜色到代码下vscode-pigments

代码缩进提供颜色上的提示Indent Rainbow

npm的包最终导致项目的增加量Import Cost

花括号单独配色Rainbow Brackets

项目管理器,多项目开发者福音Project Manager

同步VS Code配置Settings Sync

代码格式化的神器 保证更容易写出风格一致的代码Prettier

icons图标vscode-icons-mac

更多插件请自行探索

选择适合自己项目需求的插件安装下载

❤️爱心三连击

1.看到这里了就点个赞支持下吧,你的点赞是我摇头的动力。

2.关注公众号前端食堂,你的前端食堂,记得按时摇头

3.2019爱你永久,2020心想事成,在2019年的最后一天,祝大家新年快乐!

Image placeholder
紧咸
未设置
  32人点赞

没有讨论,发表一下自己的看法吧

推荐文章
解放劳动力,拒绝crud【基于element-ui的表格模版】

缘起在开发后台管理系统页面时,用得最频繁的莫非:表格+表单+分页+搜索。常规操作流程: 表格组件 分页组件 弹出层组件+表单组件一套 搜索栏表单组件一套 一把梭下来写了很多样版式代码,风格可能还不统一

AWS vs K8s 是新时代的 Windows vs Linux?

作者:IanMiell是开源程序员、演讲师、作家和博客写手以前……如果你与我一样,年过四十,又在IT行业工作,恐怕还记得每个人使用Windows,一小群但越来越多的人在业余时间埋头编译Linux的年代

用vscode开发react用哪些插件

用vscode开发react用哪些插件1.代码提示类插件1.1Reactjscodesnippets1.2ReactReduxES6Snippets1.3React-Native/React/Redu

如何用vscode启动react项目

如何用vscode启动react项目要求:●具有nodejs环境、已安装npm●已安装vscode首先使用create-react-app脚手架创建一个项目。create-react-appdemo1

vscode插件 - quokka

什么是quokka?Quokka.js是一个用于快速开发javascript或typescript的开发者工具。它能在你键入代码的时候,实时将运行的值更新或展示在你的IDE上。quokka版本Quo

手摸手教你搭建简单的 Git 的代码自动发布

1.为什么我要弄这个? emmmm,因为有个自己的项目每次发布到线上,都要登录一下服务器,然后pull一下代码,执行一些项目初始化的命令(诸如:gitsubmoudleupdate,phpartisa

一步步教你如何在 Django REST API 中构建使用 JWT 验证

基于令牌的身份验证,允许后端服务与前端(无论是web端,原生移动端或其他端)分离,并驻留在不同域中。JSONWebTokens(JWT)是一种流行的令牌认证实现,在本文中,我们使用它来验证,通过Dj

教你阅读 Python 开源项目代码

为什么要阅读开源代码 阅读Python开源项目代码主要有如下三个原因: 在工作过程中遇到一些问题Google和StackOverFlow等网站找不到解决办法,只能去翻源码。 对某些项目或者方向非常感

甜过初恋!浙大博士用200个西瓜130页论文,教你用机器学习科学挑瓜

大数据文摘出品作者:易琬玉刚刚送走了最热七月,转眼就迎来了最热八月。2019年是人类有气象纪录以来最热的几个年份之一,虽然这个夏天还没结束,但气象学家们已经有十足把握做出这个判断。为了应付热,人们想出

徒手教你使用zookeeper编写服务发现

zookeeper是一个强一致【不严格】的分布式数据库,由多个节点共同组成一个分布式集群,挂掉任意一个节点,数据库仍然可以正常工作,客户端无感知故障切换。客户端向任意一个节点写入数据,其它节点可以立即

直男福利!手把手教你做一只口红色号识别器,秒变李佳琦

大数据文摘编辑组出品技术实现:宁静 七夕将至,送礼时节。直男送礼,首选口红。毕竟李佳琦一句”OMG买它”,女朋友披头散发抢购,钱包就空了一半。但是,口红色号千千万,选对了牌子才成功了一半。快乐橙、伤心

10后小学生都能教你学编程了!低龄编程的下限在哪?

大数据文摘出品作者:宁静最近,文摘菌经常收到读者留言,说b站上有一个10后小学生在教编程。小学生???教编程???话说文摘菌小学时候还只知道玩儿贪吃蛇……在感叹长江后浪推前浪的同时,文摘菌也赶紧去这位

手把手教你写几个实用的的AST插件

背景AST是非常有用的。今天下午听了小组一个老哥做的AST分享,深以为然。为了加深印象,就写了篇总结,顺便分享给大家,希望能给朋友们一些启发。AST有用,口说无凭,且看几个具体的案例。且不说: Vue

还在用useState来定义数据吗?教你个更好的方案:useImmer!

以前编写state的方式Hooks上市之前我们是这么定义state的:state={ people:[ { name:'马云', englishName:'JackMa' }, { name:'马化腾

可视化的JavaScript:JavaScript引擎运行原理

JavaScript很酷,但是JavaScript引擎是如何才能理解我们编写的代码呢?作为JavaScript开发人员,我们通常不需要自己处理编译器。然而,了解JavaScript引擎的基础知识并了解

Go编程语言教程_1.4. Go vs C++

C++是一种通用编程语言,如今已广泛用于竞争性编程。它具有命令式,面向对象和通用编程功能。C++在Windows,Linux,Unix,Mac等许多平台上运行Go是一种过程编程语言。它由Google的

Go编程语言教程_1.5. Go vs Java

Go是一种过程编程语言。它由Google的RobertGriesemer,RobPike和KenThompson于2007年开发,但于2009年作为一种开放源代码编程语言发布。程序通过使用软件包进行组

PHP-FPM vs Swoole

前几天看见有几篇讲swoole的文章,今天我也来凑个热闹。水平有限,细节理解可能不到位,欢迎大家帮我补充、纠正。 PHP-FPM 早期版本的PHP并没有内置的WEB服务器,而是提供了SAPI(Serv

defer vs return

defer看起来与try...catch类似,其实有许多不为人知的小技巧 defer官方行文defer先进后出,对return进行一些扫尾工作。这意味着使用该函数在返回值之前,defer函数内是可以

漫画 | 面试的我 VS 真实的我

作者:纯洁的微笑、孤独烟漫画师:栗子“面试造火箭,入职拧螺丝!”已经是各大互联网公司招聘的常态,为了应对如今越演越烈的面试形势,程序员一个个都变成了表演大师。俗话说面试如戏,全靠演技!HR篇01020

真实的北京IT圈:后厂村姑 vs 后厂村花?

上个月,我们深扒了《真实的上海IT圈:张江男vs漕河泾男》其实还存在另一群人与之本应相亲相爱却又似乎存在在平行世界互相保持着母胎SOLO的高傲姿态她们是北京后厂村IT女(人称“后厂村花”)在帝都北五环

神仙尬聊!哲学马云VS科技马斯克:生活就该每周工作12小时,开特斯拉玩遍三千城市

大数据文摘出品外星人马云的创业之路我们都很熟悉了,他在1999年创立阿里巴巴网站,正式走上了成为国内第一电子商务公司的道路。在美国还有另一位“外星人”为全球熟知,硅谷钢铁侠马斯克。提到他,大多数人会想

DPVS – 小米高性能负载均衡器

随着互联网的快速发展,负载均衡也承担着越来越重要的角色,对于小米这种快速发展中的年轻公司来说,负载均衡的稳定及高性能更是重中之重。本文将主要介绍小米基于DPDK的高性能负载均衡软件DPVS(DataP

开源社区的技术债:写代码的“码农”VS 删代码的“清道夫”,谁更该被嘉奖?

大数据文摘出品编译:楚阳、橡树、钱天培对于开源项目来讲,写新代码的贡献者不一定是好程序员,但不会删代码的程序员一定不是合格的程序员——因为“删代码”才是使开源软件项目的代码简洁高效的关键所在。Mong

哈登vs字母哥,看AI怎样预测今年NBA最有价值球员!

想必篮球爱好者们都非常关注今年的NBA季后赛,MVP的奖项投票结果尚未出炉,但估计各家球迷们心中各有定论了。所以我们来用机器学习预测一下今年MVP奖项的结果。 哈登(JamesHarden)和字母哥(