Vite-Vue-eslint-prettier 셋팅(Vue 프로젝트 시작하기)

• Vite와 Vue3를 사용하여 프로젝트를 시작하고, 프로젝트 생성 시 NPM이나 Yarn을 사용하여 명령어를 입력하고, 원하는 프레임워크와 추가 옵션을 선택한다.

• 프로젝트 설정 후 ESLint와 Prettier를 설치하고, 각각의 설정 파일(.eslintrc.js, .prettierrc.json)을 만들어 권장 규칙과 옵션을 구성한다.

• ESLint와 Prettier 간의 충돌을 방지하기 위해 VSCode의 setting.json 파일에서 defaultFormatter 설정을 조정한다.

• Vite 프로젝트 시작 시 'Customize with create-vue' 옵션을 선택하면 타입스크립트, vue-router, ESLint, Prettier를 포함한 추가적인 설정을 자세히 할 수 있다.