Vue3 Port 변경하는 방법

할 것

Vue3에서 port 변경해서 띄우기

 

환경

• Vue3
• Node v20.11.1
• NPM v10.2.4

 

요약

1) 원하는 port로 애플리케이션 실행하는 명령어 만들기

2) 만든 명령어 실행해보기

 

해보기

1) 프로젝트/package.json에 원하는 port의 명령어 만들어 주기

2) Vue3는 package.json파일 "scripts" {} 란에 명령어를 직접 만들어 사용할 수 있습니다.

"scripts": {} 안에 --port 5000이라는 원하는 포트의 명령어를 추가하여 새로운 명령어를 만들어줍니다.

ex) "serve-port": "vue-cli-service serve --port 5000"

설명) port 5000으로 실행 시킬 수 있는 명령어를 serve-port라는 명령어 이름으로 만들어준다.

 

**serve-port는 제가 임의로 정한 명령어 이름이므로 다른 이름으로 만드셔도 됩니다.