请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

模板之家 首页 教程频道 查看内容

(动图演示)VSCode中怎么高效写代码?技巧分享

模板之家 2021-11-23 20:35

分享至 : QQ空间
收藏

本篇文章通过动图给大家展示一下在VSCode中怎么高效写代码,希望对需要的朋友有所帮助!

本篇文章通过动图给大家展示一下在VSCode中怎么高效写代码,希望对需要的朋友有所帮助!

【推荐学习:《vscode入门教程》】

演示下高效写代码

有些代码是重复写过的,还需要继续重复写吗?
答案是 ,因为只要 cv 就行了,那有什么方法比 cv 更优雅、更高效、更快(mō)捷(yú)的技巧吗?
答案是是有的,那就是本人自创的快捷十三鞭
下面演示我搞架构之前是怎么写 高(mō)频(yú) 业务代码的 :

  • 我要触发点击事件,创建个提交的函数,而在业务中,这个提交的函数是很 高频 出现的

  • 在这个函数中实用一些通用的函数库,再回到头部写上头文件(导入函数的包),然后再回来这个函数中继续编写未完成的逻辑
    演示.gif

第一鞭:掌握快捷键自定义

第一鞭尤其重要,因为他是整个快捷键的最基础的知识,是最重要的 轴心骨,如果看一遍不懂,那就再看一遍
掌握快捷键自定义,它能够丰富你的操作习惯,避免 快捷键冲突保持各个快捷的操作习惯
因为visual studio code的快捷键是快速 可移植 的,你不用换电脑、换系统后担心一次又一次设置了设置快捷键

打开快捷面板

cmd+k cmd+s 可以快速打开快捷面板
Kapture 2021-05-19 at 23.48.06.gif
或者呼出控制面板(ctrl+shift+p)输入键盘 | keyboard找到
image.png

认识默认键盘快捷键(JSON)

为什么要知道默认的键盘快捷键?
因为好用你知道未修改前的键盘映射、键盘默认的快捷键是什么
image.png
它长这个样子,是一个JSON文件

image.png

打开快捷键的keybindings.json文件

vscode json文件.gif
按照动图打开存储用户快捷方式json文件 keybindings.json,只要修改过快捷键就会有以下的格式

{
  "key": "cmd+k cmd+s",
  "command": "workbench.action.openGlobalKeybindings"
   "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"
}

这个文件是用户自定义的JSON文件,是映射格式

  • key 快捷键
  • command vscode的快捷键命令
  • when 命令生效的条件

keybindings.json文件 是一个json文件,你修改过的快捷键就在这里存储起来了,换机的时候,你可以把这个文件的内容复制另一台机上去,就可以很nice~~
毕竟笔者就是这么干的
image.png在这里插入图片描述

自定义快捷键

只需要快捷键的命令command默认快捷键 再或者直接输入该 快捷键中文的模糊词 就可以可以查询快捷键的映射和修改该快捷键
文章用到的快捷键方式,作者都会提供如下格式的代码片段,方便去查询

{
  "key": "cmd+k cmd+a",
  "command": "workbench.action.openDefaultKeybindingsFile"
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qo5Z56PF-1621655509407)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a7b054961f614a63aee6f7dda082ec05~tplv-k3u1fbpfcp-watermark.image)]

第二鞭:定位篇

定位是快速写代码的核心操作,因为这个是日常编码高频率操作,高达90%以上,必须全部掌握下来,很实用 。
定位设计到代码块的精准定位,定位到类的定义、定位到应用、实现、快速查看、上一次之前的历史修改、设置某处的标签,然后快速找(vim直呼内行)到等等。

定位行

{ 
"key": "ctrl+g",               
"command": "workbench.action.gotoLine" 
},

场景示例:在浏览器找到你的文件在100行报错,找到原因后,定位在100行去修改代码

定位行.gif

更多关于VSCode的相关知识,请访问:vscode教程!!

以上就是(动图演示)VSCode中怎么高效写代码?技巧分享的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集
文章评论0人参与
热门频道
  • ecshop成人用品商城网站源源码模板 微信小
  • ecshop微信小程序代生成服务 可选购小程序
  • 【可选购小程序】ecshop生鲜食品蔬菜水果特
  • 【可选购小程序】ecshop医药品保健药房网站
  • ecshop百货超市日用品网站 免费生成微信小
  • ecshop办公用品文具耗材设备 免费生成微信
  • 【可选购小程序】ecshop家居家纺床上用品源
  • 【可选购小程序】ecshop户外运动体育用品健
  • ecshop整站数据打包 带数据 适合申请支付、
  • ecshop跨境购海淘微信分销商城网站源码模板
    推荐文章
  • 热门
  • 最新
返回顶部