티스토리 뷰
yarn과 typescript로 웹 포트폴리오를 만들어보자
작업은 2일 안에 완성할 것
프로젝트 생성 단계
프로젝트 생성
| yarn | npm |
| yarn create vite@latest v-up-portfolio --template react-ts | npm create vite@latest v-up-portfolio -- --template react-ts |
패키지 설치
| yarn | npm |
| yarn OR yarn install | npm install |
ESLint , Prettier 설치
| ESLint | Prettier |
| 코드 품질 보장, 버그 예방, 스타일 가이드를 준수하도록 돕는다 변수 선언 전에 사용되지 않도록 하거나, 특정 스타일 가이드를 따르도록한다 |
코드 형식을 일관되게 유지해 코드 스타일을 자동으로 포맷해준다. 중괄호 뒤의 한 줄 공백을 추가하거나, 세미콜론 추가/제거, 들여쓰기를 일관되게 정리할 수 있다 |
yarn은 ESLint , Prettier 동시 설치가 가능하지만, npm은 수동으로 설정해줘야 한다
yarn add --dev prettier eslint eslint-plugin-react eslint-plugin-react-hooks @typescript-eslint/eslint-plugin @typescript-eslint/parser
root에 ESLint , Prettier 설정 파일 설정하면 끝
프로젝트 생성문제로 시간을 너무 버렸다 ㅠㅠ
생각해 보니 ESLint , Prettier는 혼자 할 때는 굳이 설치할 필요가 있을까? 싶어서 생략하기로 했다(프로젝트 생성 안된다고 너무 붙잡고 있었음... npm 쓸 걸 그랬나)
아니 근데 yarn create vite는 되는데 왜 yarn create vite@latest v-up-portfolio --template react-ts는 안되지?
환경변수 파일도 확인하고, yarn도 완전히 제거했다가 다시 설치하고 재부팅도 했는데!!!!! 왜 안돼!!
그래도 생성해서 다행이다ㅠㅠ 어떻게든 yarn을 쓰겠다는 의지로 해냄
저 명령어가 왜 안 됐는지는 우선 프로젝트 진행 후 확인해 보자. 대체 외않되