[vscode] vue 개발 환경 세팅하기

extension을 설치해야 쓸만하다.

vue2라면 vuter를,

vue3라면 volar를 깔자!!!

vue3인데 vuter를 쓰면 자꾸 에러를 낸다!!!
https://wouldyou.tistory.com/m/66

[vscode] [vue/no-multiple-template-root] 오류 해결

깔아줄 extension

- vue Language feature(volar)
- Vue Vscode Snippets (자동완성 기능을 제공함)
- prittier (코드정리해줌)

(- 그냥 vue3팩 깔고 vuter만 지운다음에 volar깔아도됨. 여러가지 많이 깔리는데 기능 확인 안해봄)

setting.json

prittier은 tab space가 기본 2이다. 팀원이 tab space를 4를 쓰고 있는데 나혼자 space2를 쓰면 안되니까, 아래처럼 설정해주자.

{
    //prettier setting
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },  
    "prettier.tabWidth": 4,
}