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 으로 라이브러리 설치하기
npm install '라이브러리이름'
npm install jquery 등 으로 설치 할 수 있다.
npm 활용법
그럼 vue 프로젝트도 설치할 수 있나요??
네!! 물론입니다.
우리가 설치 할 수 있는 라이브러리를 확인하려면 npm사이트에 들어가서 검색하면 명령어를 알려줍니다.
에 접속하셔서 vue.js를 검색하면
위와 같은화면이 나오고 명령어로 npm i vue.js 를 볼 수 있습니다. 그럼 실행해볼까요?
npm i vue.js
실행하면 node_modules 폴더에 vue 관련 라이브러리가 모두 설치되는걸 볼 수 있습니다!!
하지만 vue같은 것은 global 로 설치해야 하기 때문에 --global 옵션을 주어서 설치해주면 됩니다.
(물론 vue 프로젝트 생성방법과는 다릅니다.)
끝!
'Main > Vue.js Programming' 카테고리의 다른 글
[Mac] 프론트엔드 개발환경 셋팅 가이드 1편 - nvm, node.js 설치 2024ver (0) | 2024.07.22 |
---|---|
Javascript ES6 5분만에 정리하기 (0) | 2023.07.31 |
[Vue.js] Axios 간단하게 사용하기 (0) | 2023.03.18 |
[Vue.js] Parsing error: No Babel config file detected 해결방법 (0) | 2022.09.22 |
[2] 프로젝트 만들고 실행하기 & 라우팅에 관한 이해 & prefetch에 관하여 (0) | 2021.11.04 |