뉴히의 개발 로그
react 프로젝트 생성 - vite 로 프로젝트 생성/실행 본문
npm create vite@latest
프로젝트의 이름이나 사용하려는 템플릿을 직접 지정할 수도 있다.
Vite + Vue 프로젝트를 만들고 싶다면 다음과 같이 입력
# npm 7+, '--'를 반드시 붙여주세요
npm create vite@latest my-vue-app -- --template vue
# yarn
yarn create vite my-vue-app --template vue
# pnpm
pnpm create vite my-vue-app --template vue
# bun
bun create vite my-vue-app --template vue
그 외 템플릿
vanilla, vanilla-ts, vue, vue-ts, react, react-ts, react-swc, react-swc-ts, preact, preact-ts, lit, lit-ts, svelte, svelte-ts, solid, solid-ts, qwik, qwik-ts
cd 해당 프로젝트
npm install
npm run dev
기본적으로 Vite에서 제공하는 npm 스크립트
{
"scripts": {
"dev": "vite", // 개발 서버를 실행합니다. (`vite dev` 또는 `vite serve`로도 시작이 가능합니다.)
"build": "vite build", // 배포용 빌드 작업을 수행합니다.
"preview": "vite preview" // 로컬에서 배포용 빌드에 대한 프리뷰 서버를 실행합니다.
}
}
vite 가이드 https://ko.vitejs.dev/guide/
'React' 카테고리의 다른 글
[Jest] 자바스크립트 테스트 프레임워크 : test 코드로 JS 의 기능 및 로직 점검하기 - React 테스트 코드 (1) | 2024.06.09 |
---|---|
[NextJS] Next.js 13이상 - App Router 기본 폴더 구조 (0) | 2024.03.05 |
react 프로젝트 생성 - nextjs 프레임워크로 프로젝트 생성/실행 with TypeScript (0) | 2024.03.04 |