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)


'IT > 스벨트(Svelte)' 카테고리의 다른 글
스벨트 부모 컴포넌트에서 자식 컴포넌트의 함수 호출 방법 (0) | 2024.05.23 |
---|---|
스벨트에서 Flowbite 설치 방법 (0) | 2024.05.23 |
스벨트에서 shadcn/ui 설치 방법 (0) | 2024.05.21 |
스벨트에서 구글 머티리얼 아이콘(SVG) 사용 방법 (0) | 2024.05.19 |
스벨트에서 Tailwind css 설치 방법 (0) | 2024.05.19 |