따꿍의 프로젝트

[Sprint 3] npm script로 html 열기 본문

웹프로젝트/코드잇

[Sprint 3] npm script로 html 열기

공장 주인 따꿍 2026. 4. 15. 23:08

발단

npm으로 js 코드를 실행하는 것은 많이 해봤다. 

package.json에 들어가서 

scripts에 npm start를 node index.js로 해두면 되는 간단한 문제이다. 

{
  "scripts": {
    "start": "node index.js"
  }
}

 

근데 js 코드가 아니라, html 코드는 어떻게 여는가?

우클릭으로 live server 열어 왔었는데, 

위와 같은 코드 명령어 방식으로 실행하려면 어떻게 해야할까?

 

Run Live Server via Npm Scripts

1. Install liver-server package

npm install live-server --save-dev

 

2. Add script to package.json

{
  "scripts": {
    "start": "live-server --port=3000 --open=./index.html"
  }
}