> For the complete documentation index, see [llms.txt](https://freeseamew.gitbook.io/svelte/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://freeseamew.gitbook.io/svelte/2./undefined.md).

# 설치

svlete는 기본적으로 node.js가 설치되어 있어야 설치 가능합니다.

노드 공식사이트에 가시면 사용하시는 os 별로(window, linux, mac) 다운로드 해서 설치 하실 수 있습니다.

<https://nodejs.org/ko/>

### 1) 설치

npm 또는 npx 로 설치(참고로 npm 은 node package manage 입니다. npx는 npm의 조금 더 개선된 버전이라고 보시면 되겠습니다. )

```
// npm 또는 mpx 로 설치
npx degit sveltejs/template my-svelte-project

// 설치할 폴더로 이동
cd my-svetle-project

// 패키지 설치
npm install

// 실행
npm run dev
```

### 2) 설치 환경 확인

hello world 를 수정해 보면, 수정된 부분이 자동으로 적용된 것을 볼 수 있습니다. run을 실행시킨 수정하고 저장한 결과는 바로바로 적용되므로 결과에 대한 확인 쉽습니다.

[\[만들면서 배우는 Svelte\]](https://www.inflearn.com/course/%EB%A7%8C%EB%93%A4%EB%A9%B4%EC%84%9C-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EC%8A%A4%EB%B2%A8%ED%8A%B8)

<div align="left"><img src="https://2456181503-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFoRG7N_kopXKHrUIam%2F-MGqndftNeXvP53tyaae%2F-MGqwZuQK1aEaE5Bp21i%2F%E1%84%86%E1%85%A1%E1%86%AB%E1%84%83%E1%85%B3%E1%86%AF%E1%84%86%E1%85%A7%E1%86%AB%E1%84%89%E1%85%A5%20%E1%84%87%E1%85%A2%E1%84%8B%E1%85%AE%E1%84%82%E1%85%B3%E1%86%AB%20svelte%20small.png?alt=media&amp;token=e769cba7-bb5e-40a9-89c6-2879e60242bf" alt="만들면서 배우는 svelte"></div>