> 개발 도구 > VSCode > 본문

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

青灯夜游
풀어 주다: 2022-11-04 09:56:53
앞으로
3045명이 탐색했습니다.

이 기사에서는 vscode의 커서 작업에 대해 설명합니다. 이 기사에서는 우리와 가장 밀접하게 관련된 커서 작업만 다루므로 시작해 보겠습니다.

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

우리의 목표는 단 하나, 슬로건을 외치자: 비단처럼 매끄러운 개발! 기사에 있는 예제의 대부분은 Mac 버전을 기반으로 합니다. 왜냐하면 저는 Mac이기 때문입니다. 하지만 Win 버전에 대해 걱정할 필요는 없습니다. 구성을 깨고 싶다면 명심하세요. Command는 Ctrl 키입니다. .

vscode 팁 - 커서 작동

우리는 커서를 작동하기 위해 매일 화살표 키를 사용합니다. 실제로 cmd 키를 눌러 이동하는 등 일상적인 근육 기억 속에서 무의식적으로 많은 기술을 사용합니다. 줄의 첫 번째 줄. 끝이지만 요약하기 어려운, 나뭇잎에 가려진 느낌. 획기적인 점을 알려 드리겠습니다. 세분성입니다. 일상적으로 사용하는 경우 왼쪽 및 오른쪽 화살표 키에는 문자가 하나만 있습니다. 즉, 단어나 문장의 끝을 생각하면 이 문장이 실제로 초점을 맞추는 데 매우 번거로울 것입니다. ; 그렇다면 커서 세분성은 어떻게 작동합니까? [추천 학습: "vscode 튜토리얼"]

가로 방향

화살표 키와 결합

Graininess mac win
단어 옵션 ctrl
line cmd 그냥 home/end를 사용하세요
코드 블록 cmd + Shift + Ctrl + Shift +

세로 방향

세분성 mac win
기사 시작/끝 Cmd + 위쪽 및 아래쪽 화살표 키 Ctrl + Home/End 키
현재 코드 줄을 위/아래로 이동 Option + 위쪽 및 아래쪽 화살표 키

참고: [현재 줄 위/아래로 이동]은 커서 작업이 아니라 코드 블록 작업입니다. (커서 작업은 화살표로 직접 수행할 수 있기 때문입니다.) 키), 여기에 배치하는 것이 매우 적합합니다. 가로 방향과 일치할 수 있습니다. line-cmd word-option; 세로 document-cmd line-option

기타 커서 작업

의미 mac win
커서 처리 실행 취소 Cmd + U Ctrl + U

Extension: [선택] 작업에는 [shift]만 추가하면 됩니다. [삭제] 작업 세분성은 커서 작업과 동일하며 반대 방향에서는 fn만 추가하면 됩니다(예: 커서 삭제) 해당 줄에 커서 앞의 모든 내용은 [cmd+delete]이고 커서 뒤의 내용은 [cmd+fn입니다. +delete])fn即可(如删除所在行光标前所有内容为【cmd+delete】而光标后内容则为【cmd+fn+delete】)

光标操作实例

针对单词的光标移动

想把光标直接移动到整个单词,也就是 function 的前面或后面,你只需按下 Option(Windows 上是 Ctrl 键)和左方向键。

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

光标移动到行首或者行末

按住 Cmd + 左方向键(Windows 上是 Home 键),就可以把光标移动到了这行的第一列

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

移动到文档的第一行或者最后一行

按下 Cmd 和上下方向键即可(Windows 上是 Ctrl + Home/End 键)

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

代码块的移动

Cmd + Shift + (Windows 上是 Ctrl + Shift + ),就可以在这对花括号之间跳转。

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

当前行上/下移

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

其他光标操作

撤销光标处理

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

多光标操作

        至此,我们已经了解了单光标的移动,选中(其实就是移动加上shift键),删除(选中加delete

커서 동작의 예

단어에 대한 커서 이동

단어 전체로 커서를 직접 이동하고 싶다면, 즉 , 기능 전후에 Option(Windows에서는 Ctrl 키)과 왼쪽 화살표 키만 누르면 됩니다.

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

커서를 줄의 시작이나 끝으로 이동하세요Cmd + 왼쪽 화살표 키(Windows의 경우 Home 키)를 길게 누르면 커서를 줄의 첫 번째 열로 이동할 수 있습니다

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!첫 번째 또는 마지막으로 이동 문서의 줄 Cmd와 위쪽 및 아래쪽 화살표 키를 누르세요(Windows에서는 Ctrl + Home/End 키)실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!코드 블록 이동Cmd + Shift +(Windows에서는 Ctrl + Shift +)를 사용할 수 있습니다. 이 중괄호 쌍 사이를 이동하세요. 실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!현재 줄을 위/아래로 이동 실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!기타 커서 작업커서 처리 취소

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

다중 커서 동작

지금까지 단일 커서의 움직임을 이해했습니다. Shift code> 키), 삭제(삭제 선택 및 추가) 및 기타 작업을 동시에 수행해야 하는 경우에는 어떻게 해야 할까요? 현재 우리는 커서 작업, 다중 커서 작업의 고급 사용에 접근해야 합니다. 이 주제에 있어서 중요한 점은 실제로 필요한 위치에 여러 개의 커서를 생성하는 방법입니다. 생성 후에는 단일 커서와 작업이 일치하기 때문입니다.

기본 조작 - 마우스로 여러 개의 커서 만들기키보드의 "Option"(Windows에서는 Alt)을 누른 다음 새 커서를 만들려는 위치를 클릭하세요. 물론 이 방법은 일반적으로 적용 가능하지만 불편합니다. 커서를 만들 때마다 위치를 찾아 클릭해야 합니다. 82 원리에 따르면 20%를 달성하려면 단축키를 사용해야 합니다. 일반적인 작업은 다음과 같습니다. 주로 세 가지 일반적인 시나리오를 소개합니다.
효율성 작업
🎜씬 처리🎜🎜단축키🎜🎜자세한 설명🎜🎜🎜🎜🎜🎜동일 요소🎜🎜Cmd + 🎜요소를 선택하고 단축키를 누르면 vscode가 선택됩니다. 다음 동일한 요소를 생성하고 커서를 생성하려면 다시 누르십시오. 🎜🎜🎜🎜상하 처리🎜🎜Cmd + Option + 아래쪽 화살표 키🎜🎜현재 커서 아래에 커서를 만듭니다. 🎜🎜🎜🎜여러 줄 처리 선택🎜🎜Option + Shift + i🎜🎜여러 줄의 콘텐츠를 선택한 다음 단축키를 누르면 vscode가 각 줄의 끝에 커서를 생성합니다.🎜🎜🎜🎜🎜🎜커서 작업에 대한 확장 🎜🎜 🎜🎜🎜기타 커서 작업🎜🎜🎜🎜🎜🎜🎜 의미🎜🎜mac🎜🎜win🎜🎜🎜🎜🎜🎜커서 처리 취소🎜🎜Cmd + U🎜🎜C trl + U🎜 🎜🎜🎜想 Lenovo 삭제 선택 [Select] 작업은 [Shift]만 추가하면 됩니다. [Delete] 작업 입자 크기는 커서 작업과 동일하며 Fn 와 반대 방향이 사용됩니다. 예를 들어 삭제된 줄에서 커서 앞의 내용은 [cmd+delete]이고 커서 뒤의 내용은 [cmd+fn code>+delete])

이 시점에서 우리는 커서 작업을 위한 vscode 자체의 기본 디자인 개념을 이해했습니다. 맞춤형 단축키

fn即可(如删除所在行光标前所有内容为【cmd+delete】而光标后内容则为【cmd+fn+delete】)

        到此,我们就了解了 vscode 本身对光标操作的基本设计理念啦。

自定义快捷键

        但如果我们用不惯呢?vscode 自然也不会这么死板,它是支持为行为、也就是我们所说的命令自定义快捷键的,这里说之前困惑过我的一点,就是我们说的创建光标、移动等等对应 vscode 而言其实就是一条内嵌的命令,理解了这个,才好进行自定义,我当初没理解所以一直在想的问题是:我该怎么去翻译我要做的事情。

三步走:找到定义keyboard Shorycut的地方,找到对应的操作,为操作绑定快捷键。

Eg:为【选择括号内所有内容】的操作绑定Cmd + Shift + ]快捷键为例

找到定义keyboard Shorycut的地方

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

找到对应的操作

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

为操作绑定快捷键

双击-》按下需要绑定的快捷键-》回车确定(按错的话别回车就可以了)

这里多说一句,快捷键其本质就是行为和特定按键【在特定场景下】的绑定,在 vscode 中通过 JSON 进行描述,我们可以通过执行>Open Keyboard Shortcuts(JSON)进行查看,如果我们需要实现一个高级的快捷键,就会需要这些知识了。

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

属性 含义 备注
Command 命令值
When 在什么情况下这个快捷键绑定能够生效
Key 快捷键

其中的when的定义注意点比较多,所有取值可以查看文档

而对于高级写法,VS Code 还支持几个基础的操作符。这样我们就能够书写相对复杂的条件语句了。

  • ! 取反。比如我们希望当光标不在编辑器里时,绑定一个快捷键,那么我们可以使用 !editorFocus,使用 !进行取反。
  • == 等于。when 条件值除了是 boolean 以外,也可以是字符串。比如 resourceExtname 对应的是打开的文件的后缀名,如果我们想给 js 文件绑定一个快捷键,我们可以用 resourceExtname == .js
  • && And 操作符。我们可以将多个条件值组合使用,比如我希望当光标在编辑器里且编辑器里正在编辑的是 js 文件,那么我可以用 editorFocus && resourceExtname == .js
  • =~ 正则表达式。还是使用上面的例子,如果我要检测文件后缀是不是 js,我也可以写成 resourceExtname =~ /js/ 하지만 익숙하지 않다면 어떨까요? 당연히 vscode는 그렇게 엄격하지 않습니다. 이것은 우리가 명령이라고 부르는 동작에 대한 사용자 정의 단축키를 지원합니다. 여기에 앞서 제가 혼란스럽게 했던 점, 즉 우리가 커서 생성, 이동 등이라고 부르는 것이 vscode에 해당합니다. 사실, 이것은 내장된 명령입니다. 이것을 이해한 후에야 사용자 정의할 수 있습니다. 처음에는 이해하지 못했기 때문에 제가 계속 생각한 질문은 '내가 원하는 것을 어떻게 번역해야 하는가'였습니다.
3단계: 키보드 Shorycut이 정의된 위치를 찾아 해당 작업을 찾은 다음 해당 작업에 단축키를 바인딩합니다.

Eg

: [괄호 안의 모든 내용 선택] 작업을 위해 Cmd + Shift + ] 단축키를 바인딩합니다. 예를 들어

키보드 Shorycut이 정의된 위치를 찾으세요

실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!

찾기 해당 작업🎜🎜 🎜실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!🎜🎜🎜는 Operation 바인딩 단축키🎜🎜🎜더블클릭 - "바인딩이 필요한 단축키를 누르세요 -" Enter로 확인 (잘못된 키를 눌렀다면 그냥 Enter를 누르지 마세요)🎜🎜하나 더 여기서 말하는 단축키의 본질은 동작과 특이성입니다. [특정 시나리오에서] 키 바인딩은 vscode에서 JSON을 통해 설명됩니다. >Open Keyboard Shortcuts(JSON)를 실행하면 볼 수 있습니다. >. 고급 단축키를 구현해야 하는 경우 이 지식이 필요합니다. 🎜🎜실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!🎜 속성 의미 비고 명령어 명령값 🎜 언제 이 단축키는 어떤 상황에서인가요? 바인딩이 적용될 수 있습니다 🎜 키 단축키 🎜 tr> 🎜언제에 대한 정의는 더 많은 주의가 필요합니다. 모든 값은 Documentation🎜🎜🎜 고급 작성을 위해 VS Code는 여러 기본 연산자도 지원합니다. 이런 방식으로 우리는 상대적으로 복잡한 조건문을 작성할 수 있습니다. 🎜
  • ! 부정. 예를 들어 커서가 편집기에 없을 때 단축키를 바인딩하려면 !editorFocus를 사용하고 ! 부정합니다. 🎜
  • == 는 다음과 같습니다. 부울인 것 외에도 when 조건 값은 문자열일 수도 있습니다. 예를 들어 resourceExtname은 열린 파일의 접미사에 해당합니다. js 파일에 단축키를 바인딩하려면 resourceExtname == .js를 사용할 수 있습니다. 🎜
  • && 그리고 연산자. 예를 들어, 커서를 편집기에 두고 편집기가 js 파일을 편집하는 경우 editorFocus && ResourceExtname == .js를 사용할 수 있습니다. 🎜
  • =~ 정규 표현식. 그래도 위의 예를 사용해 파일 접미사가 ​​js인지 감지하고 싶다면 resourceExtname =~ /js/로 작성하고 정규식을 통해 판단할 수도 있습니다. 🎜🎜🎜🎜Summary🎜🎜🎜 이제 커서 작업과 관련된 공유는 끝났습니다. vscode에 대한 이해에 있어서 만능은 아니지만 프로그래밍 자체가 지루하다는 생각이 항상 듭니다. 이런 탐구는 여전히 필요하다. 행복한 사람은 절벽과 끝없는 배움을 갖고 태어난다. 그때 공부하고 쓴 에세이로 이번 나눔을 마치겠다. 사람은 겉으로만 게으른 게 아니라 천성적으로 게으르다. 생각에 게으른 것은 단지 그들을 만날 때 구덩이를 채우는 데 익숙하기 때문입니다. 부지런히 생각하고 생각하는 것은 거의 불가피합니다.总 결국 군주님들께 도움이 되었으면 하는 바램으로 마지막에 요약하겠습니다. 세분화된 크기 이동, 여러 단축키, 사용자 정의를 바인딩해야 함, Shift 키의 작동이 가능합니다. 🎜🎜VSCode에 대한 자세한 내용을 보려면 🎜vscode 기본 튜토리얼🎜을 방문하세요! 🎜🎜

위 내용은 실크처럼 매끄러운 개발을 위해서는 일부 vscode 커서 작업을 이해하는 것이 좋습니다!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿