개발
home
💧

[Webstorm] logv. console.log with value

Created
2022/11/17
Tags
Webstorm
logv
Live Template
2022-11-17 @이영훈
Typescript나 Javascript를 개발할 때 console.log를 사용할 일이 많습니다.
console.log(`value = ${value}`) 를 사용하는 경우 번거롭게 타이핑을 해야해서 Webstorm (또는 Intellij)의 Live Template에 등록하였습니다.
Intellij의 soutv를 많이 참고하였습니다.

Live Template에 logv 등록하기

설정 ( + ,)에서 Editor > Live Templates에 들어갑니다.
버튼을 누르고 Live Template을 선택합니다
다음과 같이 작성합니다
Abbreviation (단축키): logv
Description: Prints a value to console.log
Template text: console.log(`value = ${value}`)
그리고 EDIT VARIABLES 버튼을 클릭해서 다음과 같이 수정합니다
DOLLAR: "$" ,
EXPR: variableOfType("") , "expr"
EXPR_COPY: EXPR
마지막으로 Scope를 지정합니다.
자바스크립트와 타입스크립트의 모든 곳에서 사용할 수 있기 때문에 ‘JavaScript and TypeScript’를 선택합니다.