> 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./and-repl.md).

# 비주얼스튜디오 & REPL

### 1) 크롬 브라우저

강좌에서 사용되는 기본 브라우저는 크롬입니다.웹표준을 준수하는 브라우저면 사용이 가능합니다.

### 2) 비주얼스튜디오 코드 설치

개발 환경은 기본적으로 비주얼스튜디오 코드를 통해서 진행하도록 하겠습니다.

무료로 사용할 수 있는 툴이므로 다음 주소에서 다운받으실 수 있습니다

<https://code.visualstudio.com/>

### 3) package 설치

package에서 svelte를 검색하시면 다양한 패키지를 찾아볼 수 있습니다. 이중에서 제가 기본적으로 사용하는 패키지는 다음과 같습니다.

* svlte for vs code: svelte intellisense, svelte코드에서 기본 에러 표시 및 emmet 등을 사용할 수 있게 도와줌
* svlete3 snippets: 각종 단축어 사용 가능

### 4) REPL

&#x20;REPL은 read-eval-print-loop 의 약자로 쉽게 말해 별다른 툴설치 없이 바로 svelte코드를 타이핑하고, 결과를 바로 볼 수 있는 서비스를 말합니다. svelte사이트에 가시면 svelte 에 대한 REPL 환경을 제공하고 있습니다.

todo 실습 전까지는 이 환경에서 수업을 진행해도 별다른 무리는 없으니 이부분 참고 부탁드립니다.

[\[만들면서 배우는 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>