npm? | Notion

npm 이란?

npm은 JavaScript 프로그래밍 언어를 위한 패키지 관리자 입니다.
JavaScript 런타임 환경인 Node.js의 기본 패키지 관리자이다.
npm은 오픈소스에 올려진 많은 js모듈을 모아서 사용자가 쉽고 간편하게 사용할 수 있도록 하였다. → npm을 사용해서 유용한 패키지들을 쉽게 사용, package.json에 패키지들의 버전 관리가 가능하다.
하지만 단점도 존재한다. 저장소의 취약한 보안이슈, 의존 패키지의 버저닝 이슈, 패키지가 많아짐에 따라 빌드 성능이 떨어진다.

npm 명령어

설치 관련 명령어
```
$ npm init
$ npm init -y
```
→ package.json을 만드는 명령어. 새로운 프로젝트나 패키지를 만들 때 사용

(package.json 에서는 설치한 Node.js 모듈의 버전을 관리)
```
$ npm install
$ npm install 패키지@버전
$ npm install 주소
```
→ npm install 은 지정된 패키지를 기본적으로 의존성에 저장합니다. 또한 몇 가지 추가 옵션을 사용하여 저장 위치 및 방법을 제어 할 수 있습니다.

→ ./node_modules 디렉터리에 패키지를 설치합니다.

→ npm i 이기도 하며, npm add 로 사용할 수 있다.

→ 첫번째는 패키지를 설치하는 명령어

→ 두번째는 특정한 버전을 설치

→ 세번째는 특정한 저장소에 있는 패키지를 설치.

(주로 깃허브에만 있는 패키지를 설치할 때 사용)
```
$ npm install -P [package]
$ npm install --save [package]
$ npm install --save-prod [package]
```
→ 패키지(package) 또는 플러그인(plugin)을 ./node_modules 디렉터리에 설치하고 ./package.json 파일의 dependencies 항목에 플러그인 정보가 저장 됩니다.

→ —production(제품화) 빌드 시 해당 플러그인이 포함됩니다.
```
"dependencies": {
    "babel-preset-env": "^1.7.0",
    "parcel-bundler": "^1.12.5",
    "sass": "^1.42.1"
}
```
```
$ npm install -D [package]
$ npm install --save-dev [package]
```
→ 패키지(package) 또는 플러그인(plugin)을 ./node_modules 디렉터리에 설치하고 ./package.json 파일의 devDependencies 항목에 플러그인 정보가 저장 됩니다.

→ —production(제품화) 빌드 시 해당 플러그인이 포함되지 않습니다.
```
"devDependencies": {
    "babel-preset-env": "^1.7.0",
    "parcel-bundler": "^1.12.5",
    "sass": "^1.42.1"
}
```
실행 관련 명령어
```
$ npm start
```
→ package.json 의 script 에 있는 start 명령어를 실행하는 부분.

(만약 start 명령어를 따로 설정하지 않았다면 node server.js가 실행된다.)
```
"scripts": {
    "start": "parcel index.html",
}
```
```
$ npm restart
```
→ npm stop 후에 다시 npm start를 하는 명령어
```
$ npm run
```
→ 그 외의 script를 실행하는 명령어

(예를 들어 script에 build 명령어가 있다면, npm run build 하면 된다.)
```
"scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html"
}
```
```
$ npm test
```
→ test를 실행하는 명령어
조회 관련 명령어
```
$ npm root
```
→ node_modules 의 위치를 알려줍니다.
```
$ npm outdated
```
- 오래된 패키지가 있는지 알려줍니다.
- 오래되었고 package.json에 적어둔 버전 범위와 일치하면 빨간색으로, 오래되었지만 버전 범위와 일치하지 않으면 노란색으로 표시됩니다.
- 버전 업데이트가 필요한 라이브러리 목록 보기
  - Current : 현재 버전
  - Wanted : 원하는 업데이트 버전
  - Latest : 최신 버전
설치한 패키지를 Wanted 버전으로 업데이트 하기
```
$ npm update
```
글로벌 환경에 설치된 패키지 보기
```
$ npm ll -g
$ npm ll -g --depth=0
```