Computer >> 컴퓨터 >  >> 프로그램 작성 >> Ruby

Atom Editor:Ruby 개발자를 위한 트릭, 플러그인 및 단축키!

Ruby 개발에 Atom을 사용하는 경우 플러그인(packages Atom에서) 편집기로 생산성을 향상시킬 수 있습니다.

하지만 Atom의 패키지 저장소에는 수천 개의 패키지가 있습니다!

어떤 것을 사용해야 하나요?

또한 더 빠르게 작업할 수 있는 유용한 키보드 단축키는 무엇입니까?

Atom 사용자라면 이 기사를 좋아할 것입니다. 바로 여기에서 다루는 내용이기 때문입니다!

최고의 아톰 패키지

Atom 패키지는 편집기에 새로운 기능을 추가합니다. 편집기의 인터페이스 자체에서 설치할 수 있습니다.

설정을 엽니다(CTRL + , ) "설치" 탭을 클릭합니다.

Atom Editor:Ruby 개발자를 위한 트릭, 플러그인 및 단축키!

해당 검색 상자에 입력하여 권장 패키지를 설치할 수 있습니다.

아톰 러너

제가 추천하고 싶은 첫 번째 패키지는 "atom runner"입니다.

이 패키지를 사용하면 편집기 내에서 직접 코드를 실행할 수 있습니다. 출력은 오른쪽의 분할 창에 나타납니다(Atom 1.17 이상인 경우 하단).

이렇게 생겼어요 :

Atom Editor:Ruby 개발자를 위한 트릭, 플러그인 및 단축키!

설치하려면 패키지 관리자 창에서 이름을 검색하고 "설치"를 클릭하기만 하면 됩니다.

그런 다음 실행하려면 파일 형식이 Ruby로 설정되어 있는지 확인한 다음 ALT + R을 누르십시오. (CTRL + R Mac).

<블록 인용>

참고 :작동하지 않으면 메뉴나 바탕화면 아이콘 대신 터미널에서 Atom을 열어보세요.

글꼴 크기를 늘리려면:

먼저 Atom의 스타일 시트 파일을 엽니다(CTRL + ALT + P 사용). , "osty"를 입력한 다음 입력).

그런 다음 파일에 추가 :

.stdout {
  font-size: 18px !important;
}

블록 변환

do...end &{ ... } 블록 형식. "블록 변환" 패키지를 사용하여 작업을 절약할 수 있습니다.

이 패키지가 설치된 상태에서 커서를 블록 안에 놓고 명령 팔레트(CTRL + ALT + P ) &"converter"를 검색한 다음 "to do end" 또는 "to curly brackets"를 선택합니다.

이 GIF는 이 패키지가 작동하는 모습을 보여줍니다. :

Atom Editor:Ruby 개발자를 위한 트릭, 플러그인 및 단축키!

따옴표 전환

"toggle-quotes" 패키지를 사용하여 작은따옴표와 큰따옴표를 쉽게 전환할 수 있습니다.

그것을 사용하려면 전환하려는 따옴표 쌍 안에 커서를 놓고 CTRL + "를 누르십시오. (또는 CMD + " Mac에서).

린터 루비

린터는 코드의 오류를 지적하는 도구입니다.

대부분 구문 오류이므로 여기서 기적을 기대하지 마십시오 🙂

이렇게 하면 테스트를 실행하지 않고도 이러한 오류를 더 빨리 찾을 수 있습니다. .

편집기에서 Linting을 활성화하려면 "linter-ruby" 패키지를 설치할 수 있습니다.

기타 Atom 패키지

  • https://atom.io/packages/ruby-block
  • https://atom.io/packages/color-picker
  • https://teletype.atom.io(페어 프로그래밍을 위한 새로운 공식 패키지)

Atom 키보드 단축키

모두가 바로가기를 좋아합니다!

내가 가장 좋아하는 몇 가지가 있는 표를 드리겠습니다. :

바로 가기 설명
CTRL + D 다중 선택
CTRL + F 현재 파일에서 검색
CTRL + P 현재 프로젝트에서 파일 검색(빠른 열기)
CTRL + B 열린 파일 간 전환
CTRL + ALT + 7 선택한 코드에 대한 주석 전환
CTRL + 위/아래 현재 줄을 위아래로 이동
CTRL + Shift + K 현재 줄 삭제

다음은 다중 선택 기능을 보여주는 GIF입니다.

Atom Editor:Ruby 개발자를 위한 트릭, 플러그인 및 단축키!

여기에서 더 많은 단축키를 찾을 수 있습니다.

https://github.com/nwinkler/atom-keyboard-shortcuts

Atom Snippet을 사용하여 생산성을 높이는 방법

스니펫을 사용하면 확장 가능한 템플릿을 만들어 코드를 더 빠르게 작성할 수 있습니다.

예를 들어 def를 입력할 수 있습니다. &엔터 키.

그러면 메소드 템플릿이 생성됩니다. 또한 바로 입력을 시작할 수 있도록 메서드 이름에 커서를 놓습니다.

그런 다음 "탭" 키를 누르면 메서드 본문 안에 커서가 놓입니다.

꽤 유용하죠?

익숙해지면 항상 이 작업을 수행하게 됩니다.

다음은 유용한 내장 Ruby 스니펫 목록입니다. :

스니펫 설명
만약 if / end
만약 if / else / end
데프 def / end
정의 def self.name / end
데프트 데프 테스트_ / 종료
클라 수업/종료
모드 모듈 / 끝
각 { ... }
구걸 시작/구조/종료
해시 해시.new { ... }
파일 파일.읽기
r attr_reader
w attr_writer
rw attr_accessor

=와 같은 ERB 특정 스니펫도 있습니다. <%= %>용 및 - <% %>용 .

이러한 스니펫이 작동하려면 파일 형식을 "Ruby"로 설정해야 합니다. 이것은 .rb가 있는 파일을 편집하는 경우 자동으로 발생합니다. 확장자.

또한 자신만의 스니펫을 만들 수 있습니다.

그렇게 하려면 명령 팔레트(CTRL + ALT + P ) &"osni"를 입력한 다음 Enter 키를 누릅니다.

사용자 정의 스니펫을 정의할 수 있는 파일이 열립니다.

스니펫은 다음과 같습니다. :

".source.ruby":
  "Initialize":
    prefix: "init"
    body: "def initialize\n\t$1\nend"

첫 번째 문자열이 이 스니펫의 언어인 경우 이 스니펫의 이름(무엇이든 가능)이 있으며 "접두사"는 스니펫을 트리거할 실제 단어이고 "본문"은 코드 템플릿입니다.

여러 스니펫이 있는 경우 언어 부분(.source.ruby ), 적절하게 들여쓰기된 모든 항목을 그 아래에 그룹화하면 됩니다.

$1 주목 여기에서 코드 스니펫이 삽입된 후 커서가 위치할 위치를 나타냅니다.

이러한 커서 항목 중 하나 이상을 가질 수도 있습니다.

:

"test":
  'prefix': 'test'
  'body': 'def test_$1\n\t$2\nend'

"탭"을 누르면 커서가 $2로 이동합니다. , $3

기본 제공 스니펫에서 아직 다루지 않은 자주 입력해야 하는 항목에 대해 생각해 보고 이에 대한 사용자 정의 스니펫을 작성하세요.

코드 자동 들여쓰기 방법

때로 들여쓰기가 제대로 되지 않을 수 있으며 손으로 고치는 것이 고통스럽습니다...

Atom에는 "자동 들여쓰기" 기능이 포함되어 있습니다.

그것을 사용하려면 들여쓰려는 코드를 선택하고 명령 팔레트를 엽니다(CTRL + ALT + P ), "자동"을 검색합니다.

내장 Git 통합

Atom은 버전 1.18부터 Git 통합을 포함합니다.

이를 사용하려면 편집 중인 파일이 초기화된 git 저장소가 있는 프로젝트의 일부인지 확인하세요.

<블록 인용>

참고 :새 프로젝트를 위해 편집기 내부에서 저장소를 초기화할 수도 있습니다.

그런 다음 오른쪽 하단을 보면 "3개의 파일"과 같은 내용이 표시됩니다.

Atom Editor:Ruby 개발자를 위한 트릭, 플러그인 및 단축키!

그것을 클릭하면 각 파일을 클릭하여 변경한 내용을 볼 수 있는 Git 패널이 열립니다.

또한 변경 사항을 준비하고 커밋 메시지를 추가하고 이 패널 하단의 "커밋" 버튼을 클릭하여 변경 사항을 커밋할 수 있습니다.

요약

이 기사에서는 유용한 패키지를 설치하고, 키보드 단축키에 대해 배우고, 사용자 정의 스니펫을 정의하여 보다 생산적인 Ruby 개발자가 되는 방법을 배웠습니다!

이와 같이? 더 많은 사람들이 혜택을 받을 수 있도록 이 기사를 공유하는 것을 잊지 마세요 🙂