새소식

Main/Vue.js Programming

NPM 이란? 설치 및 빠른 활용법 알아보기

  • -

NPM = Node Package Manager 

노드의 패키지들을 관리해주는 매니저이다.

 

패키지를 관리해요??

 

특정 라이브러리와 라이브러리와의 의존관계를 다 파악해서 설치하기가 어렵다.

라이브러리끼리 호환되는 버전이 있는데, 그런 버전들을 NPM 이 관리해준다.

 

 

npm 초기화 하기 !

NPM 은 먼저 프로젝트 폴더에서 npm 을 쓸거라고 하는 초기화 단계를 수행한다.

 

npm init -y

-y는 왜 붙어있나요?

 

npm init 을 수행하면 package.json 이라는 파일이 프로젝트에 만들어 진다.

 

이때 여러가지 라이브러리와 관련된 것들을 작성하는데, -y를 넣지 않으면 질문지가 10개 정도 나오고 그거에 일일이 작성을 해주어야 한다.

-y을 붙여서 일단 빈 껍데기의 package.json을 만든다고 생각하고 , 이후에 npm 으로 라이브러리를 설치하면 package.json 에 작성이 된다.

npm init 이후

npm 으로 라이브러리 설치하기
npm install '라이브러리이름'

npm install jquery 등 으로 설치 할 수 있다.

 

npm 활용법

 

그럼 vue 프로젝트도 설치할 수 있나요??

 

네!! 물론입니다.

 

우리가 설치 할 수 있는 라이브러리를 확인하려면 npm사이트에 들어가서 검색하면 명령어를 알려줍니다.

 

https://www.npmjs.com/

 

npm

Bring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java

www.npmjs.com

에 접속하셔서 vue.js를 검색하면 

 

위와 같은화면이 나오고 명령어로 npm i vue.js 를 볼 수 있습니다. 그럼 실행해볼까요?

 

npm i vue.js

 

실행하면 node_modules 폴더에 vue 관련 라이브러리가 모두 설치되는걸 볼 수 있습니다!!

 

하지만 vue같은 것은 global 로 설치해야 하기 때문에 --global 옵션을 주어서 설치해주면 됩니다.

 

(물론 vue 프로젝트 생성방법과는 다릅니다.)

 

 

끝!

 

Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.