프론트엔드

Svelte 프로젝트 시작하기 (기본 템플릿으로 프로젝트 생성))

개발자R 2021. 12. 18. 15:20
반응형

Svelte 프로젝트를 시작할 때에 기본적으로 템플릿을 받아 시작하면 편리하다.

기본적인 파일구조나 서버 등의 세팅이 되어있기 때문이다.

node를 깔았다면 아래와같이 명령어를 차례로 입력하면 된다.

npm install -g degit
npx degit sveltejs/template 프로젝트이름
cd 프로젝트이름
npm install
npm run dev

 

그럼 터미널에 아래와 같은 결과가 뜬다.

크롬에 localhost:5000 을 치고 들어가면 기본 화면이 뜬다!

이 화면이 시작화면!

App.svelte에 구현되어있다.

이제 여러 컴포넌트들을 추가하여 svelte 프로젝트를 시작해봅시다!

반응형