npx, npm의 차이와 vscode 실행 방법

1. npx 와 npm

 

npx로 프로젝트 다운받기

 

📌 버전 관리가 없는 새로운 프로젝트를 다운로드 받는 것과 같음

 

npx degit 계정이름/저장소이름 다운받을경로

$ npx degit ParkYoungWoong/webpack-template-basic vue3-webpack-template

- npx : degit을 설치하지 않고도 사용할 수 있는 nodejs명령어 npx

- degit : 원격저장소 github에 있는 특정 저장소를 현재 로컬 경로에 다운로드

 

시간이 뜸

 

참고로 npx란

npx는 새로운 패키지 관리 모듈이 아님!!

 

자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 5.2.0 버전부터 새로 추가된 도구

 

npm과 비교대상이 아닌 npm을 좀 더 편하게 사용하기 위해서 npm에서 제공해주는 하나의 도구

 

npm@5.2.0 이상 버전만 깔려 있다면, npx 명령어를 사용할 수 있음

 

npx 는 패키지를 임시 설치해서 "실행"하는 용도

react 와 같은 library 를 설치할 수는 있지만 실행이 안 되므로 npx로 설치가 불가능

 

만약 npx 로 react를 설치할거라면 create-react-app 라는 명령어로 사용해,

CRA 가 알아서 react 를 설치하게 만들어야 하며, npx 자체로는 불가능

 

npx로 할 수 있는 것들

• 패키지 임시 설치 및 실행
• npm 으로 설치할 명령어를 줄여줌
• 다른 버전의 노드 실행 가능
• gist 에 스크립트 공유 가능

---

git clone으로 프로젝트 복제하기

 

github 저장소에서 직접 다운로드 받을 경우에는 버전까지 한꺼번에 다운되어 프로젝트를 이어서 진행하게 됨

 

 

 

 

 

 

2. code . -r

현재 열려져 있는 vscode 상에서의 디렉토리에 대해서, 새로운 창에 띄운다.

 

 

 

 

 

3.npm err! code elifecycle 

다음과 같은 에러가 발생한 경우, npm 캐시와 node_modules, package-lock.json을 제거하고 npm 을 다시 install 해주면 된다.

 

$ npm cache clean --force
$ rm -rf node_modules package-lock.json
$ npm install

rm 명령어는 디렉토리 삭제 명령어

 -rf 옵션은 하위 디렉토리까지(r),

강제로(f) 삭제한다는 옵션

 

 

해결방법 찾았다.

 

wsl의 ubuntu 환경에서 실시해야 한다.

 

에러의 원인은 윈도우 환경이 아닌, 우분투 환경에서 서버에 필요한 패키지들이 설치되어서 인가? 싶다.

사실 잘 모르겠다. ㅠㅠ