VSCode 및Vim을 사용하여 보다 효율적인 개발자 지원

This is the introduction to the book Boosting Your Coding Fu with VSCode and Vim

Visual Studio 코드는 매우 우수합니다.그것은 비길 데 없는 사용자 체험을 제공하고 다양한 언어와 생태계 개발에 강력한 지원을 제공했다.그것은 기본값이 매우 좋고 사용과 입문이 매우 쉽다.
윌은 대단하다.그것의 모드 성질과 텍스트 편집 기능은 다른 편집기에서 독보적이다.Vim은 다른 버전과 완전히 다른 텍스트 편집 숙련도, 속도, 정확성을 제공합니다.
이 두 사람의 결합은 정말 사람을 놀라게 한다.
다음 며칠 동안 이 페이지를 읽고 연습할 때 Visual Studio 편집 기술을 크게 향상시킬 것입니다.Vim과 Visual Studio 코드의 장점을 결합하면 뇌와 컴퓨터 사이의 인터페이스를 매우 얇게 하고 당신의 생각을 빈틈없이 코드로 구체화할 수 있습니다.
다음은 이 책에 소개할 내용입니다.

Vim이란 무엇입니까?VSCode에서 Vim을 사용하는 이유는 무엇입니까?

VSCode에 Vim을 설치하는 방법은 무엇입니까?

Vim의 기본 생존 기술

코어 Vim 동작에 따라 빠르게 이동

Vim 조작부호와 동작을 사용하여 사고 속도로 편집

윔의 비밀언어

텍스트 삽입 a la Vim

시각적 모드에서 텍스트 선택

레지스터를 이용하여 복사 및 붙여넣기

물체를 Vim로 둘러싸기

Sneak 및 EasyMotion 플러그인

으로 더 빠르게 이동

효율을 높이기 위한 사용자 정의 단축키 만들기

Vim 증압 다중 커서 사용

매크로를 사용하여 재사용 가능한 편집 단위 만들기

VSCode와 Neovim을 통합하여 최대 위엄 확보

이 책의 마지막으로, 당신은 세분화된 텍스트 조작과 강력한 텍스트 변환을 할 수 있을 것이다. 이것은 이전에 실현할 수 없었던 것이다.시간이 지날수록 다른 Vim 명령을 연습하고 익히면 이전보다 더 빠르고 편집에 능통할 것입니다.

This book doesn't assume any prior Vim knowledge so don't worry if you aren't familiar with Vim. I'll guide you through all the concepts and techniques you need to know to be effective with Visual Studio Code and Vim.

Vim이란 무엇입니까?

Vi는 오래된 텍스트 편집기입니다.심지어 더 이르다the first age of the world.그것은 단말기라고 불리는 장치로 설계되었는데 이런 장치는 매우 보기 드물지만 영감이 풍부한 특징을 가지고 있다. 즉, 모드 방식으로 작업하는 것이다.즉, 텍스트를 삽입하는 모드가 있고, 텍스트를 편집하는 모드가 있으며, 텍스트를 선택하는 모드가 있습니다. 그러면 요점을 얻을 수 있습니다.
Vi의 최신이자 가장 유명한 화신은 Vim(Vi 개선과 이전의 Vi 모방)이다. 텍스트와 도형 인터페이스를 사용할 수 있고 vi보다 너무 많은 개선이 있으며 인류가 알고 있는 모든 플랫폼에서 지원된다.
그러나 Vim의 영향은 Vim에만 국한된 것이 아니다. Vim의 사상은 매우 사람들의 주목을 끈다. 그들은 Vim 편집기 자체를 뛰어넘어 다른 편집기에 전파되었다.오늘은 상상할 수 있는 거의 모든 편집기와 IDE에서 Vim과 유사한 패턴을 찾을 수 있습니다.예를 들어, Visual Studio 코드에서

Vim을 선택해야 하는 이유Visual Studio 코드가 부족합니까?

이 시대에 당신은 왜 고대 편집자를 배우는 데 관심을 가져야 합니까?이것은 정말 나의 Visual Studio 코드 설정에 이렇게 큰 영향을 줍니까?
사실,Vim은 내가 본 어떤 것과는 다른 텍스트와 상호작용하는 방식을 제공했다.이것은 코드를 편집할 때 완전히 다른 단계의 제어와 유창성을 제공하는 방법이다.
경험이 풍부한 사용자에게 Vim을 사용하여 텍스트를 편집하는 것은 신기한 일입니다.

Vim이 더 빨라요.

Vim을 통해 보다 정확한 정보를 얻을 수 있습니다

텍스트 편집에서 Vim의 완전히 다른 제어 수준 잠금 해제

Vim은 뇌와 컴퓨터 사이의 인터페이스를 세분화하였다

연설 중 놀라운 내용: D

경탄했어듣기 좋다, 이 모든 것을...하지만Vim은 어떻게 이 모든 것을 실현합니까?답은 패턴입니다.
Vim의 모드 특성으로 인해 키보드는 편집기의 모든 부분을 제어할 수 있습니다.모든 모델은 완전히 새로운 것이다. 키보드에 새로운 능력을 부여하고 번개 같은 속도로 텍스트를 편집하며 사고의 속도로 내비게이션을 하고 텍스트를 선택하여 당신의 마음속 내용으로 이동하는 등이다.
Vim을 사용하면 텍스트를 삽입하는 데 국한되지 않고 마우스 클릭, 내비게이션 또는 텍스트 선택에 제한을 받지 않습니다.아니오.Vim을 한동안 사용한 후에 당신은 코드 외과 의사처럼 필요할 때와 어디서나 외과 수술의 정밀도로 전문적으로 절단하여 완전히 키보드로 구동되는 작업 흐름의 번개 같은 속도와 정확성으로 코드와 코드 라이브러리를 탐색할 수 있습니다.
그럼, 이 시대에 당신은 왜 Vim을 공부합니까?해독Practical Vim의 위대한 작가와 가장 까다로운 윔오비의 대가:

Vim is for programmers who want to raise their game. In the hands of an expert, Vim shreds text at the speed of thought.

누가 원하지 않겠는가?

VSCode에서 Vim이 아닌 Vim을 사용하는 이유는 무엇입니까?

You may be wondering... Ok. If Vim is so good then... Why not just use Vim instead of Vim inside Visual Studio Code?

Great question! The truth is that setting Vim to work with a feature set similar to modern text editors is not a trivial task. Features likes code completion, code navigation, in-editor error messages, etc, although supported by Vim don't work perfectly out of the box.

Visual Studio Code and Vim together offer a very sweet spot that balance the ease of setup and super rich development user experience of Visual Studio Code with lots of the amazing features present in Vim.

The translation is not yet perfect though. And if you're an experienced Vim user you may find some features missing. But all in all, VSCodeVim offers a very pleasant Vim experience outside of Vim.

이 책에 사용된 약정에 대한 간략한 설명

Vim에서 발생하는 많은 일들은 커서의 위치에 달려 있기 때문에, 나는 일련의 도표를 사용하여 커서의 위치를 표시합니다. 명령을 입력할 때 시간에 따라 변경됩니다.다른 프로그래밍 서적과 다르기 때문에, 나는 네가 그것을 해석하는 것이 매우 도움이 된다고 생각하기 때문에, 네가 그것을 처음 만나기 전에 준비를 마쳤다.예:

wwww ==> v   v v  v   v
         word. is two words

즉,

  commands you type    position of the
   /                    /   cursor changing
  /                    /    as you type
wwww ==> v   v v  v   v  
         word. is two words
           /
          /
      text in your editor

따라서

텍스트word. is two words는 편집기 내의 텍스트로 변경되거나 탐색될 수 있음

연속 입력 명령w(이 예에서는 4회)

명령을 입력할 때마다 커서를 v 에서 새 위치로 이동합니다

때때로 두 명령이 같은 텍스트 위치에 적용될 때의 실행 상황을 비교하는 것이 도움이 된다.이 경우 다음 차트를 사용했습니다.

wwww ==> v   v v  v   v
         word. is two words
         word. is one WORD
WWW  ==> ^     ^  ^   ^

그 중에서 밑부분은 의미에서 우리가 앞에서 토론한 윗부분과 비슷하지만 실제 커서는 삽입기호^가 아니라 삽입기호v로 표시된다.
명령을 설명할 때, 우리는 아래의 약정에 주의할 것이다.작업 및 동작의 경우:

f{character}

f            - f is a literal f, expected to 
               be typed as-is.
{character}  - is a placeholder that needs to be
               substituted by something. The name
               between {} will be descriptive of
               what that something is expected to
               be. In this case a character.

텍스트 객체를 구성하고 적용할 때:

{operator}{a|i}{text-object}

{operator}    - placeholder
{a|i}         - either type the letter a or the letter i
{text-object} - another placeholder

ex 명령의 경우:

:[range]s/{pattern}/{substitute}/[flags]

:            - denotes the beginning of an ex-command.
[range]      - the [] denote that this part is optional.
               The name will be descriptive as in the 
               case of placeholders.
s            - command to be typed as-is.
{pattern}    - again this is a placeholder.
{substitute} - another placeholder.
[flags]      - another optional part.

자유 피드백!

만약 당신이 어떤 도표나 해석이 사람을 곤혹스럽게 하고, 어떤 문제가 있다면, 피드백을 제공하고, 심지어는 이 책을 좋아한다면, 칭찬을 하고 싶다!언제든지 트위터에 물어보세요.나의 DMs는 개방적이다. 나는 항상 너의 질문에 기꺼이 대답한다.