반응형 vscode2 JSX 에서 HTML 태그 자동완성 하는법 VSCode에서 리액트로 개발을 하게 되면 JSX 문법을 사용할 때 다음과 같이 자동완성이 되지 않는 문제가 있다. 예를 들어 div 태그를 만들어 주려면 일일이 를 작성해주어야 했다. Vue.js를 사용했을 때는 HTML 태그 자동 완성 기능이 잘 됐었는데... 이거 생산성이 너무 떨어지는데...? 그래서 혹시나 하고 방법이 없을까 싶어 구글링을 해보았는데, 역시나 방법은 있었다. F1 을 눌러 setting 을 입력하고 Open Settings (JSON) 에 들어간 후 아래 내용을 추가해주면 된다. "emmet.includeLanguages": { "javascript": "javascriptreact" } 그럼 HTML 태그를 사용할 수 있게 된다! 참고 https://codingmania.tis.. 2021. 6. 20. VS Code 로 개발하면서 사용중인 플러그인 VS Code 로 개발하면서 사용중인 유용한 플러그인을 정리해봄 IntelliJ IDEA Keybindings VS Code 를 사용하면서 인텔리제이와 단축키가 많이 달라서 햇갈릴 때가 많았는데, 이 플러그인을 사용하면 단축키를 인텔리제이와 거의 흡사하게 바꿔주기 때문에 정말 강추하는 플러그인 Material Icon Theme 폴더 및 파일의 아이콘을 정말 이쁘고 가독성 있게 바꿔줌. 강추 One Dark Pro 다양한 테마 플러그인이 있는데 개인적으로 One Dark Pro 가 가장 깔끔한듯 Auto Rename Tag 닫힘 태그를 자동으로 완성해줌. 생산성 ⤴ CSS Peck 적용 된 css 를 command + 클릭 으로 추적할 수 있게 도와줌 HTML CSS Support CSS 자동 완성 기능.. 2021. 6. 17. 이전 1 다음