[ Vite ] vite 프로젝트 생성

https://front-dev-life-of-yooni.tistory.com/entry/yarn-node-yarn-%EB%91%98%EB%8B%A4-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B2%8C-%EB%90%90%EB%8B%A4%EC%95%84

[ yarn ] node && yarn 둘다 사용하게 됐다아!!

이전 블로깅에서 yarn 이됐으면 바로 다음 과정을 할수있다.
( 새로운걸 혼자서 공식문서 보고 하려니 겁집어먹어있음 노트북 날릴까봐.. )

 

vscode 내부에서 터미널을 사용하는 버릇으로, 

내부 터미널에 Git Bash를 디폴트 값으로 설정해놓고~
( 이제 나의 작업세팅으로 하나씩 세팅해서 90%정도된 노트북 )

yarn create vite

끝. 

이러면 진짜 끝. ( 겁먹은게 웃겼음.. )

JavaScript 방식으로 프로젝트를 생성할 예정으로 ( TS는 추후 프로젝트일때 할꺼여서 일단 javascript로 )

라이브러리는 React

JavaScript로 기본설정하고, 

이러면 순식간에 ( 노트북 cpu 100% 이상 폭등을 10초간 ㅎㄷㄷ하면서 지켜봄, 필자는.. 노트북 cpu 과사용으로 쿨러가 돌아가면 겁먹고 ctrl + shift + esc 로 항상 혼자서 조용히 손 발발거리고있음 ) 끝!

 

yarn 으로 설치했다고, 친절하게 프로젝트 생성 경로 들어가서, yarn 먼저 설치하고, 프로젝트 실행하라고 정말 친절하게 가이드해주는 vite, 프로젝트 설치까지 19.07s... 음.. 중고 노트북치고는 선빵했다고 생각한다~ 

이제 연습용으로 프로젝트 깔았으니, 여기에 내가 하는 스타일로 하나씩 세팅해보고 망해도보고 해보자 :)

 

 

개발자는 언제나 시도하고 망하고 성공하면 ('이게 왜되지?') 의 3가지 사이클의 인생

 

---

결과화면

추가! 
그래도 create-react-app랑 vite 생성 속도 비교 궁금해서 넣어봤다

vite가 19.07s인데.. .음... 확실히.. 느리게 생성되는... 

82.85s...?  vite승!