VSCode 설치
https://code.visualstudio.com/download
Vue 환경관련 플러그인 설치
vscode한글 플러그인 설치
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko
들여쓰기 할때 쉽게 볼 수 있도록 해줌.
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
시작태그 변경시 끝 태그도 자동으로 변경해줌.
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
HTML에서 선언된 CSS를 어디서 선언했는지 금방 찾을수 있도록 도와줌.
https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
HTML에서 작성하고 CSS를 작성할 때, 자동완성 시켜줌.
https://marketplace.visualstudio.com/items?itemName=solnurkarim.html-to-css-autocompletion
CSS를 적용하고 HTML을 작성할 때, 자동완성을 제공함.
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
라이브 서버, 이건 무조건 설치해야 됨.
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
코드에 에러가 있는지 검사
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
VuedevTools (크롬에서 설치해야됨.)
https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
이걸로 한번에 설치하는 것도 좋음.
https://marketplace.visualstudio.com/items?itemName=Amayakite.aya-vue3-extension-pack
Vue VSCode Snippets
https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets
