TIL : TypeScript + React.js + vite 프로젝트 설치 ( + 일부 세팅 )

 

설치

 

[ 1 ]  다음 명령어로  vite 환경에서  리액트 를 타입스크립트  환경을 구축하겠습니다.  다음 명령어를 입력해주세요

$ npm init vite

---

 

[ 2 ]   그래서  vite-projeect로 넘어가서 npm install을  해주었습니다.

 

 

[3]  npm run dev로  타입스크립트 + 리액트를 실행합니다.

 

 

이 과정을 거쳐서 우리는  vite에서  리액트 + 타입스크립트 설치를 마쳤습니다. 
그다음에는  세팅 입니다. 

---

 

+  리액트  개발 서버를  3000번을 고른 이유는  CRA때도  3000번에 절여있어서 그랬습니다.    +   그 다음에  절대경로를 사용하기 위해서 다음과 같은 명령어를 설치해주었습니다.

 

$ npm install  vite-tsconfig-paths @types/node

 

export default defineConfig({
  plugins: [react()],
  server: {
		port: 3000,
	},
  resolve: {
		alias: {
			"@": path.resolve(__dirname, "./src"),
		},
	},
})

  

다음 3000번 입력하고 실행하기

이렇게 떴다면  성공입니다!!!!