svelte - 1. 환경설정

이우철·2025년 6월 27일

svelte 요즘 핫해서 정리중

  1. 개발용 워크스페이스로 가서 아래 명령 실행

npm create vite@latest svelte-board -- --template svelte

  1. 시키는 대로 계속 해본다
    cd svelte-board
    npm install vite@^6.0.0
    npm run dev

vscode 로 구조를 보면

  • App.svelte
    : 모든 컴포넌트의 부모 컴포넌트
    앱이 처음 시작되면 해당 내용으로 화면에 보여지게 됨

  • main.js
    : App.svelte를 실질적으로 실행시켜 줌
    css 파일들을 포함시킴

profile
개발 정리 공간 - 업무일때도 있고, 공부일때도 있고...

0개의 댓글