VS Code에 확장을 설치하여, Handlebars 템플릿을 작성시 실시간미리보기를 통해 빠르게 작업을 하실 수 있습니다.
우선 마켓플레이스에서 “Handlebars Preview” 를 설치합니다.
handlebars 파일과, 데이터가 들어간 json 파일을 준비합니다.
test.hbs 파일은 test.hbs.json 파일을 데이터로 사용합니다.
미리보기창을 보기 위해서는 명령팔렛트(Ctrl+Shift+P)를 눌러 “Handlebars” 를 입력하면 Open Preview 명령을 찾을 수 있습니다. 또한 단축키 Ctrl+P H 를 통해서도 미리보기창을 호출할 수 있습니다.
Notice
