NPM

Node Packaged Manager

Node.js로 만들어진 모듈을 웹에서 받아 설치하고 관리해주는 프로그램

개발자들이 만들어둔 Node.js 기반 JavaScript로 개발된 오픈 소스 모듈(기능) 설치 매니저

사용 방법

$ npm init 명령어를 통해 package.json 파일을 생성하고,

$ npm install 명령어를 통해 모듈(기능)을 설치할 수 있다.

CLI 플래그 설명
npm i (install) 모듈 설치
npm un (uninstall) 모듈 삭제
—-save-prod 패키지를 설치하고 프로젝트의 dependencies 목록에 추가 배포용
-P 패키지를 설치하고 프로젝트의 dependencies 목록에 추가 배포용
—-save-dev 패키지를 설치하고 프로젝트의 devDependencies 목록에 추가 개발용
-D 패키지를 설치하고 프로젝트의 devDependencies 목록에 추가 개발용
-g 패키지를 프로젝트가 아닌 시스템의 node_modules 폴더에 설치

<aside> 💡 package.json에서 지우려는 모듈 부분의 코드를 삭제한 후, $ npm i 하면 리스트에 남아있는 모듈만 재설치 된다.

</aside>

실행 명령 (”scripts”)

명령어 의미 사용 방법
dev 개발 서버 환경을 시작하는 명령어 $ npm run dev
build 배포 환경에서 사용할 파일 생성 명령어 $ npm run build
test 테스트 코드 실행 명령어 $ npm run test 
{
	"scripts": {
		"dev": "parcel ./index.html"
	}
}

{
	"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
	}
}

명령어는 사용자가 별도 지정할 수 있지만 보통의 경우 dev, build, test 등을 사용한다.

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script type="module" defer src="./main.js"></script>
</head>
<body>
  <input type="text">
  <ul class="movies"></ul>
</body>
</html>