본문 바로가기

Angular

Angular 소스 git clone 후 node_modules 폴더 없을 경우

반응형

https://crong-cat.tistory.com/5

 

Visual Studio Code에서 github 소스 가져오기

1. Visual Studio Code 실행 (비 워크스페이스 열기 : Ctrl + Shift + N) 2. 키보드 F1 > git clone 검색 후 선택 3. git repository URL입력한다. 3-1. git 로그인 > 받으려는 레파지토리에서 Code 클릭 후 URL 복하해서 붙여

crong-cat.tistory.com

git clone 방법은 위 게시물을 참고해주세요.

 

 

1. git clone 후 소스를 보니 node_modules 폴더가 없습니다.

 

 

 

1-1. node_modules 폴더가 없는 이유 : git commit 시 node_modules 폴더가 빠졌기 때문입니다.

    - .gitignore 파일을 보면 /node_modules 가 포함되어 있습니다.

    - git commit 시 폴더가 포함되어 commit 되길 바란다면 주석처리 또는 삭제하시면 됩니다.

 

 

 

2. node_modules 폴더 재 생성

npm i

 

 

 

3. npm i 명령어로 node_modules 폴더가 재 생성되는 것을 볼 수 있습니다.

    - 이 때, package-lock.json 설정 파일을 참고해 node_modules 폴더가 생성이 됩니다.

            (package-lock.json 파일이 존재하지 않을 경우 package.json 참고)

    - package.json 파일과 package-lock.json 파일에는 버전 정보와 의존성 정보 등이 기재되어 있습니다.

    - package.json, node_modules 수정이 되면 package-lock.json 파일도 업데이트가 됩니다.

    - package-lock.json 파일에는 보다 정확한 버전 정보가 있기 때문에 git commit 시 같이 commit하는걸 권장드립니다.

    - package.json 파일과 package-lock.json 파일이 없다면 npm init 명령어로 생성할 수 있습니다.

 

npm init -y

    - y 옵션은 default 값으로 생성하겠다는 의미입니다.

반응형