무슨 얘기를 하는 건가요?

때로는 트위터에서, 때로는 미디엄 포스트에서 본 적이 있을 것입니다. 다음과 같이 보입니다.





그들은 일반적으로 Carbon이라는 웹사이트로 만들어집니다. 정말 보기 좋고 수많은 디자인 옵션이 있지만 다른 웹사이트로 이동하여 저장하고 브라우저에서 이미지를 다시 열어야 합니다... 만약 매번 Carbon, 기사, IDE 사이를 왔다 갔다 하지 않고 빠르게 작업하고 싶습니까?

음, Silicon을 사용하여 IDE에서 직접 생성할 수 있습니다!

실리콘 설치 방법

Silicon은 파일, 클립보드 콘텐츠, stdin 입력에서 이미지를 생성하는 명령줄 도구입니다.

시스템에 설치하는 방법에 대한 지침here을 따를 수 있습니다.

테마에 대한 모든 다양한 구성 옵션을 살펴보고 글꼴을 변경하고 줄 번호, 컨트롤을 제거할 수 있으며 상당히 많은 사용자 정의가 가능합니다.

지금은 최소값을 사용하고 stdin에서 입력을 받아 최종 이미지를 클립보드로 푸시하는 명령을 사용합니다.
제 경우에는 Kotlin을 제 언어로 사용하고 있지만, 물론 사용하려는 언어로 변경해야 합니다.

내 경우 명령은 다음과 같습니다.


내 이미지 안에 원하는 코드echo를 넣은 다음 Kotlin에서 형식을 지정하고 클립보드에 넣을 silicon 명령으로 파이프합니다.

IDE에서 설정

이제 명령줄 내에서 바로 작성된 코드에서 이미지를 생성할 수 있으므로 이를 IDE와 통합해 보겠습니다.

Jetbrains IDE

나는 주로 Android Studio 내에서 이 도구를 사용하고 있지만 거의 모든 Jetbrain 도구에서 작동할 수 있습니다.

외부 도구 설정

Preferences → Tools → External Tools로 이동하여 시작한 다음 설정에 새 외부 도구를 추가해 보겠습니다.

명령을 직접 추가하면 외부 도구에서 직접 파이프|를 사용하는 데 몇 가지 문제가 있으므로 Android Studio에서 작동하지 않습니다. 이를 우회하기 위해 bash -c를 사용하여 문자열에서 bash 명령을 읽도록 도구를 구성합니다.

이 문제를 해결하는 간단한 해결 방법입니다.
그래서 우리는 프로그램으로 bash를 넣었고 인수는 다음을 포함할 것입니다.

-c "echo '$SelectedText$ ' | silicon -l kt -c "

여기에서 우리는 매크로$SelectedText$를 사용하여 Android Studio 내에서 선택된 텍스트를 가져오고 명령의 일부로 사용합니다.

결국 명령 창은 다음과 같아야 합니다.


이제 Android Studio 내에서 텍스트를 선택할 때마다 Tools → External Tools → Code to Image로 이동할 수 있습니다.

그러나 그것은 느립니다! 너무 느려! 그럼 바로가기를 만들어보자

바로 가기 설정

Preferences → Keymap로 이동하여 기본 설정을 다시 열면 외부 도구 섹션을 확장하여 사용자 지정 도구를 찾을 수 있습니다.

이제 마우스 오른쪽 버튼Add keyboard shortcut을 클릭하고 원하는 항목을 할당할 수 있습니다. 제 경우에는 "이미지"로 ⌘ + I를 선택했습니다(대부분 사용할 수 있는 첫 글자이기 때문입니다).

이제 코드를 선택하고 단축키를 누르면 이미지를 원하는 곳에 붙여넣을 수 있습니다!

나는 당신이 이것을 즐겼기를 바랍니다! 즐겨 사용하는 IDE에 추가하는 방법을 찾으면 언제든지 저에게 보내주시면 기사에 추가하겠습니다.