npx란 무엇인가 (npm과 npx의 차이)

npx를 실행후 npm 패키지가 비어있는것이 확인가능하다

tailwindcss의 설치중 아래와 같은 cmd가 있었고 npx는 무엇인가 궁금했기에 조사하였다

npm install -D tailwindcss
npx tailwindcss init

npx와 npm의 차이 요약

한줄로 요약하자면 아래와 같다

npm은 실제로 npm 레포지토리에서 패키지를 받아와서 로컬에 설치한다

npx는 패키지를 설치하지 않고 일시적으로 실행한다 ( 오염방지 )

즉 위의 npx tailwindcss init이라는 명령어는 tailwindcss의 npm 레포지토리로 부터 tailwindcss를 일시적으로 받아서

init명령어를 실행하여 tailwind.config.js 파일을 생성하는 것이다

npm과 npx의 차이

• npm (Node Package Manager): 패키지를 로컬의 node_modules에 설치하여 프로젝트의 의존성을 관리합니다.

  • 사용 사례:

    • npm install express: express 패키지를 설치

    • npm install -g typescript: TypeScript를 전역으로 설치

• npx (Node Package Execute): 패키지를 일시적으로 실행하고 로컬에 저장하지 않습니다.

  • 사용 사례:

    • npx create-react-app my-app: create-react-app 패키지를 설치하지 않고 React 프로젝트 생성

    • npx eslint .: 설치하지 않은 ESLint를 실행

    • npx http-server: 설치하지 않은 http-server를 실행하여 간단한 웹 서버 실행

참고

npx와 npm의 차이