스벨트 개발환경 구축

1. nodejs 설치

   https://nodejs.org/en/

2. vscode 설치
   lts 버전으로 설치하라

   https://code.visualstudio.com/

3. vscode 실행 후 터미널열기

npx degit sveltejs/template start-svelte

4. 모듈 인스톨

C:\Users\pc\>cd start-svelte
C:\Users\pc\start-svelte>npm i
npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead        

added 103 packages, and audited 104 packages in 16s

8 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

5. 스벨트 플로그인 설치
   vscode 왼쪽 extentions 선택
   검색에 svelte for vs code 넣고 맨 상위 install

6. 컴파일 및 실행

C:\Users\pc\start-svelte>npm run dev

> svelte-app@1.0.0 dev
> rollup -c -w

rollup v2.79.1
bundles src/main.js → public/build/bundle.js...
LiveReload enabled
created public/build/bundle.js in 273ms

[2022-12-25 23:11:53] waiting for changes...

> svelte-app@1.0.0 start
> sirv public --no-clear --dev


  Your application is ready~! 🚀

  - Local:      http://localhost:8080
  - Network:    Add `--host` to expose

7. 웹에서 확인하기

   http://localhost:8080