[npm] npm으로 package.json 생성하기

'스프링 부트와 AWS'로 혼자 구현하는 웹 서비스'라는 책을 읽어보면서 View 단을 mustache.js 가 아닌 Vue.js로 변경하고 싶다는 생각이 들었다. (회사에도 Vue.js를 사용하고 있기 때문..)

그래서 먼저 Vue에서도 bootstrap을 사용할 수 있을까?라고 찾아보니 역시나.. 있다!

bootstrap-vue

가장 쉽게 프로젝트에 사용하는 방법은 모듈 번들로 프로젝트 폴더에 설치하는 것이다. (npm이나 yarn을 이용해서, node package manager였나? yarn은 기억이 안난다..)

$ npm install vue bootstrap bootstrap-vue

근데 분명 회사 프로젝트 폴더에는 npm install만 해주면 관련 패키지 모듈이 node_module이란 폴더에 설치 되었는데..

찾아보니 설치해야할 module 버전 관리등을 package.json으로 하고 있던 것이었다. (파이썬에서 requirements.txt 만드는 것처럼)

package.json 파일을 내가 직접 만들어야 하나 했는데 직접 만들지 않고 간단하게 모듈을 설치하면서 package.json을 생성하는 방법이 있었다.

$ npm install vue bootstrap bootstrap-vue --save

위와 같이 npm install 모듈명 --save로 모듈을 설치하게 되면 로컬에 모듈을 설치하면서 자동으로 package.json 파일을 (없으면 생성) 업데이트 해준다!

이제 mustache.js로 만든 View단을 Vue.js로 변경해 봐야겠다~

(View단 이라는 말이 왜 이렇게 어색한지 모르겠다. front-end 라고 해야 하나?)

(참고) 프로젝트 폴더 내에서 터미널로 현재 설치된 node package들을 알고 싶다면 다음 명령어로 확인 할 수 있다.

$ cd springboot2-webservice
$ npm list
springboot2-webservice@ /Users/junhyeok/IdeaProjects/springboot2-webservice
├── bootstrap-vue@2.21.2
├── bootstrap@5.1.3
└── vue@2.6.14