-
svelte 시작하기 (npm을 이용하여 svelte app 생성)DEV/svelte 2023. 11. 28. 11:48
우선 svelte app을 생성하기 이전에 node와 npm이 필요하다.
시작 전 Node와 npm을 설치하자.
(본인은 오랜만에 npm을 사용하니 버전에 대한 이슈가 있었다. 버전에 대한 에러가 발생하면 최신 버전으로 업데이트 해주도록 하자.)
https://seokbong.tistory.com/38
Node js 설치하기
오늘은 node js를 설치하려고 한다. 원래 사용하던 M1 맥에는 이미 설치되어 있고 오랜만에 꺼내 든 2011년식 구형 인텔맥에 설치를 다시 해보려고 한다. (노인학대...) https://nodejs.org/ko/download/ 다운
seokbong.tistory.com
Svelte App 생성하기
App을 생성하고 싶은 폴더에 진입하여 다음과 같이 입력.
(새로운 프로젝트 폴더가 생성되므로 만들고자 하는 App의 부모 폴더에서 바로 생성해도 된다.)
npm create svelte@latest [your-app-name]
위 명령어를 터미널에 입력하면 하단 이미지와 같이 app 설치가 진행된다.
본인이 진행하고자 하는 옵션을 선택하면 된다.
본인은 Skeleton 프로젝트를 생성해보았다. 타입 스크립트. 곤란. 원하는 옵션에서 스페이스바를 누르면 체크되는듯 하다. 본인은 그냥 엔터치고 넘어갔다. 그 다음 Next steps을 진행하면 된다. 로컬에서 테스트를 해보려고 한다면(깃에 올릴 생각이 없다면) 2번까지 진행 후 "npm run dev"를 입력하여 테스트를 진행하자.
정상적으로 실행되면 Local 주소가 나온다. 해당 주소로 진입하면 된다. 'DEV > svelte' 카테고리의 다른 글
svelte 데이터 불러오기, 불러온 데이터 사용하기 (2) 2023.11.28 svelte layout? (0) 2023.11.28 svelte route와 page 생성 및 error page (0) 2023.11.28