시작하기

npm i vite를 설치하시고 npm run dev를 해주세요

추가사항

tailwind.css에서 아래 사진과 다르게 오류가 난다면 다음과 같이 진행해주세요

1. .vscode 폴더를 생성해주세요
2. 다음으로 setting.json 파일을 생성하고, 밑의 코드를 복붙해주시면 오류 해결완료!!🫡

{
  "css.validate": false,
  "tailwindCSS.emmetCompletions": true,
  "files.associations": {
    "*.css": "tailwindcss"
  },
  "editor.quickSuggestions": {
    "strings": "on"
  },
  "tailwindCSS.includeLanguages": {
    "plaintext": "html"
  }
}

깃 커밋 템플릿을 활용하기 위해서는 다음과 같은 명령어를 입력해주세요

git config commit.template .gitmessage.txt

package

• 번들러: vite
• CSS: tailwind
• 코드 컨벤션:
  • eslint
  • eslint-config-airbnb-base
  • eslint-config-prettier
  • eslint-plugin-import
  • prettier
  • autoprefixer
  • postcss
  • postcss-nesting

데모페이지