[Vue.js]'npm run serve' 실행 명령어를 다른 명령어로 변경하려면?

vue 실행 혹은 빌드할때 명령어를 변경하는 방법입니다.

 

예를 들어 npm run serve 명령어를 npm run dev로 변경하려면 package.json 파일의 scripts 섹션을 수정하면 됩니다.

이 섹션에는 NPM 명령어를 정의하는 스크립트가 포함되어 있습니다. 다음 단계를 따르면 됩니다:

 

1. 프로젝트 루트 디렉토리에서 package.json 파일 열기:
   • 프로젝트 루트 디렉토리에 있는 package.json 파일을 열어야 합니다.
2. scripts 섹션 수정:
   • scripts 섹션에서 serve 스크립트를 dev 스크립트로 변경합니다. 예를 들어, 다음과 같이 수정합니다.

{
  "name": "your-project-name",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  // 나머지 설정
}

 

1. 변경 사항 저장:
   • package.json 파일에 변경 사항을 저장합니다.
2. npm run dev 명령어 실행:
   • 이제 터미널에서 npm run dev 명령어를 사용하여 개발 서버를 실행할 수 있습니다.

이제 npm run dev 명령어를 사용하여 Vue 프로젝트의 개발 서버를 실행할 수 있습니다. npm run serve 대신 npm run dev를 사용하게 된 것입니다.

vs code 예시

 

추가적으로, vue-cli-service serve 명령어는 Vue CLI가 제공하는 기본 개발 서버 실행 명령어입니다. 이를 dev 스크립트에 할당하면 동일한 기능을 수행하게 됩니다.