[Svelte] 개발 환경 세팅하기

취미로 프론트 하나 배워놓고 싶었는데 성능도 좋고 배우기도 쉽다고 하여 바로 시작해본다.

 

Node.js 설치

Svelte는 자바스크립트(JavaScript) 기반 프론트엔드 프레임워크이다. 

그래서 Node.js가 필요한데, 먼저 혹시나 설치되어있는지 확인한다. 

 

• Node.js: 자바스크립트 실행 환경 (필수)
• npm: Node.js에 기본 포함되는 패키지 매니저
  → Node.js 설치 시 자동으로 깔림

 

node -v
npm -v

 

둘 다 버전 숫자가 뜨면 정상. 넘어가면 된다. 

아니면, https://nodejs.org/ 여기서 다운받고 온다. 

 

프로젝트 만들기

npx sv create your-proj-name
cd your-proj-name
npm run dev -- --open

 

 

위와 같이 실행하면 아래의 예시 화면이 뜬다. (http://localhost:5173/)

 

환경 셋업 끝!