티스토리 뷰
Vite
Next Generation Frontend Tooling
vitejs.dev
# 개발 전용 폴더로 위치 변경 후
npm create vite@latest

만들고 싶은 project name을 설정하고, 프레임워크와 언어를 골라준다.

cd #폴더이름
npm install
#npm run dev
code . #vsc 오픈
live server를 사용할 예정이기 때문에 바로 vsc로 이동했다.
+)
리액트에서 live server가 제대로 동작 안하길래 설정을 만지던 도중
리액트에서는 live server가 권장되지 않는다는 사실을 알았다.
따라서, npm start를 활용하거나
vite나 CRA, Webpack Dev Server와 같은 개발 서버 도구를 이용해 명령어를 따라가자.
npm run dev'Oops, All Code! > 📝 Study Notes' 카테고리의 다른 글
| 소프트웨어공학 과제로 역할 분담하기 (0) | 2024.09.19 |
|---|---|
| [Conventional Commits] 커밋 메시지 작성 가이드 (0) | 2024.09.02 |
| ദ്ദി✧ MoSCoW로 보는 프로젝트 관리 (0) | 2024.08.13 |
| [GitHub] Are you sure you want to continue connecting (yes/no/[fingerprint])? 원인 및 해결 (0) | 2024.07.09 |
| [GitHub] pull push하는 법 (0) | 2024.07.02 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 프로토타입
- 대학생팝업스토어
- 일급객체
- 카페추천
- 우아한테크코스
- typescript
- 서평
- 트러블슈팅
- 대학생플리마켓
- js
- react
- 도서추천
- 프리코스
- 부스트캠프
- 회고
- 비즈플리마켓
- 책추천
- 소사벌
- 웹풀스택
- 어휘력
- 네이버부스트캠프
- 경험플리마켓
- 도서리뷰
- 코딩테스트
- 소사벌맛집
- 어른의어휘공부
- 카드뉴스
- 안성스타필드
- 프론트엔드
- javascript
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함