본문 바로가기
IT/스벨트(Svelte)

스벨트 설치 방법

by Blog37 2024. 5. 19.
반응형

1. https://nodejs.org/ 사이트에서 'LTS 버전'으로 다운받아 Node.js를 설치합니다.

 

Node.js — Run JavaScript Everywhere

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

2. '바탕 화면'에서 'project 새 폴더'를 생성 합니다. (영문으로 작성)

 

3. 새로 생성된 project 폴더 주소창에서 cmd를 입력 후 Enter키를 눌러 윈도우 '명령 프롬프트'를 실행합니다.

4. 실행된 윈도우 '명령 프롬프트'에서 npm create vite@latest 명령어를 실행합니다.

 

5. Project name: 에서 '.'(마침표)을 입력하고 Enter키를 누릅니다.
('.'을 입력하면 현재 폴더 위치에서 스벨트가 설치 됩니다. 만약 프로젝트 폴더를 새로 생성하려면 '영문 이름'으로 입력하면 됩니다.)

 

6. Select a framework: 에서 키보드 아래 방향키를 눌러 Svelte를 선택한 후 Enter키를 누릅니다.

 

7. Select a variant: 에서 JavaScript를 선택한 후 Enter키를 누릅니다.
(만약 TypeScript를 사용하고자 한다면 TypeScript로 선택하시면 됩니다.)

 

8. npm install 명령어를 실행 합니다.

 

9. project 폴더에서 'jsconfig.json' 파일의 "checkJs": 항목을 false로 변경시켜 줍니다.
(만약 Typecheck를 사용할 경우 true로 입력하시면 됩니다.)

 

10. '명령 프롬프트'에서 npm run dev 명령어를 입력하면 localhost 웹 서버가 실행되고, 해당 주소로 웹 브라우저를 실행하면 스벨트가 잘 작동 되어지는 것을 확인할 수 있습니다.
(※ 배포 빌드 명령어: npm run build)

반응형