search

hunter-hwang-dev / _hunterpedia-vue

React로 마이그레이션 하기 전 Vue.js 테스트 (2024-11-19 현재 사용하지 않음.)
1 stars 0 forks source link

tailwind CSS 설치, hello world 출력, Editor Setup #17

Closed hunter-hwang-dev closed 2 weeks ago

hunter-hwang-dev commented 2 weeks ago

https://www.youtube.com/watch?v=mr15Xzb1Ook

Image

3년 전 올라온 100초 소개 영상 1줄 요약: 이쁘고 디자이너 친화적인데 코드반복 좀 있고, 최적화하기 어려워서 실질적으로 쬐끔 무겁다 정도로 이해했다.

hunter-hwang-dev commented 2 weeks ago

Image 오래 걸리네... 몇 분 기다리면 올라간다. 아하,

GUI 버튼이 커맨드보다 commit하는데 시간이 오래 걸림 > 답답해 왜안돼? 이것저것 누르기 > HEAD DETACHED! #8 #10 원인을 명확히 파악했다.

Image Image

정상적으로 push되었다.

Image src/input.css 에서 @tailwind에 밑줄 그어지길래 익스텐션도 하나 깔아줌. Image

hunter-hwang-dev commented 2 weeks ago

https://tailwindcss.com/docs/editor-setup 읽어보니

  1. IntelliSense for VS Code
  2. Automatic class sorting with Prettier

를 권장하더라. VS code 쓰니까 3. JetBrains사 IDE 지원 얘기는 상관없고,

1: 이미 설치함 2: VS code extensions에서 Prettier는 이미 사용중. 따로 tailwind용을 마켓플레이스에서 받지는 못하고 github 페이지를 참조해야 하나 보다.

https://github.com/tailwindlabs/prettier-plugin-tailwindcss README가 깔끔하게 정리되어 있다.

hunter-hwang-dev commented 2 weeks ago

Image Image 근데 이제 설정 파일이 어디있지?

hunter-hwang-dev commented 2 weeks ago

Image Image package.json에 적혀 있으면 된건가? 아니면 새로 .prettierrrc 파일을 만들어야 하는 건가?