NPX, Degit

parcel, webpack bundler를 통해 만든 템플릿을 터미널을 통해 손쉽게 다운로드하는 방법에 대해 살펴봅시다.

1. VS code

VS code를 실행하고 빈 터미널에 명령어를 입력합니다.

1.1 설치할 경로 설정하기

$ ls // macOS
$ dir // window

위 명렁어로 현재 경로 주변에 어떤 폴더와 파일이 있는지를 알려주는 명령어입니다.

$ cd Desktop/

chage directory의 줄임말인 cd를 입력하고 Desktop 바탕화면으로 이동합니다.

1.2 npx degit

$ npx degit orosy/webpack-template-basic webpack-template-test

degit 명령어를 통해 GitHub에 있는 특정한 저장소를 현재 경로로 다운로드 받을 수 있습니다. 이 명령어를 동작시키기 위해서는 degit 을 실제로 설치해야하지만, 설치하지 않고도 동작시킬 수 있게 npx를 앞에 입력해줍니다. npx는 node.js 환경에서 사용할 수 있습니다.

그 뒤에는 orosy/webpack-template-basic로 다운받을 저장소를 명시해줍니다. 그리고 다음으로 해당 저장소를 넣을 폴더명을 입력해줍니다.

1.3 설치 완료

npx: 1개의 패키지를 5.032초만에 설치했습니다.
> cloned orosy/webpack-template-basic#HEAD to webpack-template-test

위와 같이 설치가 완료되었다는 메시지를 확인할 수 있습니다.

1.4 VS code로 열기

$ cd webpack-template-test // 설치한 폴더로 이동하기

$ code . -r // VS code창에 현재 경로에 해당하는 프로젝트를 열기

이를 통해, 쉽게 프로젝트를 새로운 버전으로 시작할 수 있을 수 있습니다. 잘 기억해두면 매우 유용하게 사용할 수 있습니다 :D