ProgramingTip

webstorm에 console.log 또는 console.info에 대한 바로 가기가 있습니까?

bestdevel 2020. 12. 6. 21:54
반응형

webstorm에 console.log 또는 console.info에 대한 바로 가기가 있습니까?


console.log를 몇 번이고 입력하는 것에 지 쳤고 Eclipse에서 'Sysout + Control + Space'와 같은 방법을 찾을 수 없습니다. System.out.println ()이 생성됩니다.


.log를 입력하고 탭 키를 누르십시오 console.log ()로 할 수있는 사전 정의 된 Postfix 템플릿이 있습니다.

선택한 약어를 입력하고 탭 키를 선호하는 코드 조각으로 확장되는 템플릿 (기본 설정 | 편집기 | 라이브 템플릿 참조)을 만들 수도 있습니다.

업데이트 : 이제 바로 가기를 사용하여 console.log를 추가 할 수 있습니다. : https://plugins.jetbrains.com/plugin/10986-console-log


, 그렇습니다 .

<anything>.logTab흔 듭니다. 결과적으로console.log(<anything>);

즉,

<anything>.log+ Tab=>console.log(<anything>);


eg1 : 변수

let my_var = 'Hello, World!';
my_var.log + Tab => console.log(my_var);

eg2 :

'hello'.log + Tab => console.log('hello');

eg3 : 노드과 변수

'hello', my_var.log + Tab => console.log('hello', my_var);

작동하는 것처럼 보이는 템플릿을 직접 만들었습니다. 누군가에게 유용 할 수 있습니다.

약어 : ll

템플릿 텍스트 :

console.log('$NAME$ ', $VALUE$);
    $END$

변수 : (드롭 다운 상자를 클릭하여 주어진 필드 값을 선택하십시오)

  1. 이름 -jsDefineParameter ()
  2. 값 -jsSuggestVariableName

내가 가장 먼저이라고 생각하는 것을 포함하고 있고, 라이브 템플릿-> 자바 펼쳐-> "Everything"에 적용 할 수 있습니다. 누군가가 유용하다고 생각하기를 바랍니다.

console.log('L$LINE$ $MYSTRING$ ===', $MYVAR$);$END$

기능 : 입력 cl하고 탭을 표시 로그가 생성하고 입력 한 첫 번째 항목이 MYSTRINGMYVAR변수를 모두 채합니다 . 다시 탭 MYVAR하면 원하는대로 다시 쓰기 / 수있는 위치를 선택 합니다. 탭을 세 번째로 표기의 줄 끝으로 이동합니다 $END. 이 스 니펫은 줄 번호를 인쇄 L123하지만, 분명히 대부분의 브라우저가 어쨌든 줄 번호를 쉽게 제거 할 수 있습니다.

또한 아래 이미지와 같이 변수의 동작을 설정해야합니다.

변수 설정 수정


맞춤 템플릿을 만들었습니다. 이 당신을 도울 수 있습니다.

약어 : 막힘

템플릿 코드 :

console.log("\n\n--------------------------------");
console.log($END$);
console.log("--------------------------------\n\n");

가장 간단한 라이브 템플릿 텍스트 :

console.log($END$);

참고 URL : https://stackoverflow.com/questions/32960725/does-webstorm-have-some-shortcut-for-console-log-or-console-info

반응형