(거의) 매일 사용하는 시간 절약형 매크로 및 스니펫
2845 단어 macrossnippetsproductivity
다음은 매크로와 스니펫을 사용하여 시간을 절약하는 몇 가지 방법입니다.
이들 중 일부는 프로그래밍 가능한 키보드를 사용하고 다른 일부는 스니펫 확장기를 사용합니다. 전역 스니펫의 경우 Alfred 을 사용하지만 비슷한 결과를 얻을 수 있는 다른 방법이 많이 있습니다. 또한 VS Code 사용자 정의 스니펫을 사용합니다.
기능 화살표(키보드 매크로)
저는 주로 TypeScript/JavaScript로 코딩하기 때문에 화살표 함수를 많이 작성합니다.
=>
전용 키 콤보가 있습니다. 틀림없이 한 번 사용할 때마다 한 문자만 절약할 수 있지만, 입력=
다음에 >
를 입력하는 물리적 움직임은 전용 매크로 키를 완전히 가치 있게 만듭니다.JS 인라인 변수(키보드 매크로)
내가 자주 사용하는 다른 키보드 매크로는
${}
다음에 a left arrow
를 입력합니다. 이 매크로는 중괄호 사이에 커서를 놓아 변수를 입력할 준비가 되었습니다.연락처 정보(Alfred Snippet)
이를 위해 Alfred와 함께 스니펫을 사용합니다. 특정 트리거 다음에
$$
를 입력할 때마다 다른 것으로 확장되도록 설정했습니다. 예를 들어 $$li
를 입력하면 내 LinkedIn URL로 확장됩니다. 이렇게 하면 취업 지원에 필요한 시간이나 누군가에게 DM을 보낼 때 내 정보를 빠르게 공유하고 싶을 때 많은 시간을 절약할 수 있습니다.내 다른 트리거는 이메일용
em
, 포트폴리오용 po
, 블로그용 (여기 dev.to), 트위터용 bl
, 전화번호용 tw
, GitHub용 ph
, gh
for ij
, 이것은 내가 모든 사이트에서 사용하는 사용자 이름입니다.React Hooks(VS 코드 스니펫)
아직 VS Code에서 고유한 스니펫을 만들지 않았다면 해야 합니다. 고유한 스니펫을 생성하려면 명령 팔레트(
imjoshellis
)를 열고 "기본 설정: 사용자 스니펫 구성"을 선택합니다.다음은 React
CMD+SHIFT+P
에 사용하는 예입니다."useState": {
"prefix": "rus",
"body": [
"const [$1] = useState<$3>($2)",
],
"description": "React useState"
}
작동 방식은 내가 React 파일에
useState()
를 입력하면 VS Code에서 rus
스니펫을 확장할 수 있는 옵션을 제공하는 것입니다. 그렇게 하면 커서가 TAB
위치에 놓이므로 변수 이름을 쓸 수 있습니다. 그런 다음 $1
TAB
위치로 이동하여 초기 값을 설정할 수 있습니다.마지막으로 TypeScript를 사용하기 때문에 일반적으로
$2
위치에 해당하는 유형을 설정하려고 합니다. 일반 JavaScript를 사용하고 이 스니펫을 사용하려면 $3
를 제거할 수 있습니다.어떤 영리한 매크로 또는 스니펫을 사용합니까?
가장 좋아하는 매크로나 스니펫이 무엇인지 듣고 싶습니다!
댓글로 대화합시다
Reference
이 문제에 관하여((거의) 매일 사용하는 시간 절약형 매크로 및 스니펫), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/imjoshellis/time-saving-macros-and-snippets-i-use-almost-every-day-2p89텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)