>  기사  >  개발 도구  >  (애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유

(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유

青灯夜游
青灯夜游앞으로
2021-11-23 18:36:243200검색

이 글은 애니메이션을 사용하여 VSCode에서 효율적으로 코드를 작성하는 방법을 보여줍니다. 이 글이 필요한 친구들에게 도움이 되기를 바랍니다!

(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유

【추천 학습: "vscode 입문 튜토리얼"】

코드를 효율적으로 작성하는 방법 시연

일부 코드가 반복해서 작성되었는데 계속해서 다시 작성해야 합니까?
대답은 아니오입니다. cv만 가능하기 때문입니다. cv보다 더 우아하고 효율적이며 빠른 방법이 있습니까? 유) 실력? ,因为只要 cv 就行了,那有什么方法比 cv 更优雅、更高效、更快(mō)捷(yú)的技巧吗?
答案是是有的,那就是本人自创的快捷十三鞭
下面演示我搞架构之前是怎么写 高(mō)频(yú) 业务代码的 :

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

  • 在这个函数中实用一些通用的函数库,再回到头部写上头文件(导入函数的包),然后再回来这个函数中继续编写未完成的逻辑
    (애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유

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

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

打开快捷面板

cmd+k cmd+s 可以快速打开快捷面板
Kapture 2021-05-19 at 23.48.06.gif
或者呼出控制面板(ctrl+shift+p)输入键盘 | keyboard找到
(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유

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

为什么要知道默认的键盘快捷键?
因为好用你知道未修改前的键盘映射、键盘默认的快捷键是什么
(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유
它长这个样子,是一个JSON文件

(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유

打开快捷键的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~~
毕竟笔者就是这么干的
(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유

自定义快捷键

只需要快捷键的命令command默认快捷键 再或者直接输入该 快捷键中文的模糊词 대답은 '예'입니다. 그게 바로 제 Quick 13 Whips입니다 아래는 제가 건축을 시작하기 전에 높은(mō) 빈도(yú) 비즈니스를 어떻게 작성했는지 보여줍니다. 코드:

  • 클릭 이벤트를 트리거하고 제출된 함수를 생성하고 싶은데 비즈니스에서 이 제출된 함수는 매우 빈도가 높습니다가 나타납니다 <p></p>
  • 이 함수에서 몇 가지 공통 함수 라이브러리를 사용한 다음 헤드로 돌아가서 헤더 파일(가져온 함수의 패키지)을 작성한 다음 이 함수로 돌아와서 미완성 로직을 계속 작성하세요🎜(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유🎜
🎜🎜첫 번째 채찍: 단축키 사용자 정의 마스터하기🎜🎜🎜첫 번째 채찍은 전체 단축키에 대한 가장 기본적인 지식이자 가장 중요한 피벗이기 때문에 특히 중요합니다. 한 번 읽고 이해가 안 되면 다시 읽어 보세요 🎜 단축키 사용자 정의를 익히면 조작 습관이 풍부해지고 단축키 충돌을 방지하며 작동 습관을 유지할 수 있습니다. 각 단축키 코드>. 🎜 Visual Studio 코드의 단축키는 빠르고 이식 가능하기 때문에 컴퓨터와 시스템을 변경한 후에도 단축키를 반복해서 설정할 필요가 없습니다🎜

🎜단축키 패널 열기 🎜

🎜cmd+k cmd+s를 눌러 바로가기 패널을 빠르게 엽니다🎜Kapture 2021-05-19 at 23.48.06.gif🎜 또는 제어판을 호출(ctrl+shift+p)하고 keyboard| 키보드🎜(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유🎜

🎜기본 키보드 단축키 이해하기(JSON)🎜

🎜기본 키보드 단축키를 알아야 하는 이유는 무엇인가요? 🎜 사용하기 쉽기 때문에 수정되지 않은 키보드 매핑과 기본 키보드 단축키를 알 수 있습니다 🎜🎜다음과 같습니다. JSON 파일입니다🎜🎜🎜(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유🎜

🎜단축키의 keybindings.json 파일을 엽니다🎜

🎜vscode json file.gif🎜 애니메이션에 따른 사용자 단축키가 저장되어 있는 json 파일 keybindings.json을 엽니다. , 수정된 한 바로가기 키는 다음 형식을 갖습니다🎜
{
  "key": "cmd+k cmd+a",
  "command": "workbench.action.openDefaultKeybindingsFile"
}
🎜이 파일은 매핑 형식인 사용자 정의 JSON 파일입니다🎜
  • key 바로가기 key
  • command vscode 단축키 명령
  • when 명령이 적용되는 조건
🎜keybindings.json 파일 json 파일인데, 수정한 단축키들이 여기에 저장되어 있어요. 기기를 변경할 때 이 파일의 내용을 다른 기기에 복사할 수 있어서 너무 좋아요~ ~🎜 결국 작성자가 하는 일이니까요 🎜여기에 이미지 설명 삽입🎜

🎜Custom 단축키🎜

🎜🎜단축키가 필요한 명령만 명령어 또는 기본 단축키를 입력하거나 단축키에 대한 중국어 퍼지 단어를 직접 입력하세요. > 바로가기 키 매핑을 쿼리하고 바로가기 키를 수정하려면🎜🎜 작성자는 쉬운 쿼리를 위해 다음 형식의 코드 조각을 제공합니다🎜
{ 
"key": "ctrl+g",               
"command": "workbench.action.gotoLine" 
},
🎜[외부 링크 이미지 전송에 실패했습니다. 소스 사이트에 리칭 방지 메커니즘이 있을 수 있습니다. 이미지 저장을 권장합니다 내려와서 직접 업로드하세요(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行去修改代码

(애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유

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

위 내용은 (애니메이션 데모) VSCode에서 코드를 효율적으로 작성하는 방법은 무엇입니까? 팁 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제