Webpack, Parcel 번들러를 터미널을 이용해서 손쉽게 다운 받는 방법

 

VsCode를 새창으로 열어준다

터미널에서 아래와 같이 원하는 프로젝트 경로로 이동해준다.

npx를 사용하여야 하는데 그러기 위해서는 node.js환경이 설치되어 있어야 한다.

NPM :: step 1 (tistory.com)

 

NPM

NPM(Node Package Manager): 전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리 NVM을 설치하면 자동적으로 NPM도 함께 설치된다. npm 시작 명령어(npm으로 프로젝트 관리 시작): npm init -y 프..

dreaming5developer.tistory.com

 

degit: 원격 저장소의 내용을 내려 받을 수 있는 명령어

 

다운 받을 저장소를 github에서 확인

명령어 입력(npx degit github저장소 / 생성할 프로젝트 이름)

: npx degit ohet9409/bundler_webpack webpack-template-test

원격저장소가 private로 되어있으면 아래와 같은 에러가 발생한다.

터미널에서 dir 명령어를 입력하여 확인(mac은 ls 명령어 사용)

webpack-template-test 폴더가 생성되었다.

명령어: cd webpack-template-test 입력하여 해당 폴더로 이동

명령어: code . -r 입력하여 현재 폴더를 VsCode로 열어준다.

 

현재 폴더를 확인하면 전혀 버전관리가 되어있지않아서 처음부터 버전관리를 시작할 수 있다.

 

원하는 원격저장소의 이전버전과 함께 프로젝트 파일을 받기 위해서는 git clone 명령어를 이용하여 다운받는다.

 

'프론트엔드 > Bundler' 카테고리의 다른 글

npm 프로젝트를 배포하는 방법(Netlify 사용)  (0) 2021.07.10
Webpack - babel 설정  (0) 2021.07.10
Webpack - Autoprefixer  (0) 2021.07.10
Webpack - SCSS 사용  (0) 2021.07.10
Webpack - module  (0) 2021.07.10

+ Recent posts