프로그래밍/JAVASCRIPT

[Visual Studio Code/ powershell] vue.js 에서 ./mvnw spring-boot:run 과 npm run build

dobioi 2021. 1. 15. 15:12
반응형

어쩌다 보니 쓰게 된 vue.js 덕택에 안해본 것을 하게 되어... 정리 차원에서 작성해본다.

 

Visual Studio Code 도 처음으로 사용해본다.

그래서 모든 것이 생소하여 이렇게 저렇게 설정해보는 것이겠다.

 

터미널에서 powershell 을 실행하고

./mvnw spring-boot:run 입력 후 엔터를 치면

아래의 그림처럼 전체 빌드를 하면서 run이 된다.

그리고, 위의 그림에서 보듯 1:java 라고 보이는데, 이건 powershell 에서 java로 이름이 바뀌어버린다.

그 옆에 있는 + 아이콘을 누르자.

그러면 powershell 이 하나 더 뜨게 된다.

 

소스 수정 후 다시 ./mvnw spring-boot:run 하는 것이 아니라

npm run build 만 하면 조금은 빠르게 진행할 수 있는 것 같다.

더 빠른 방법 있으면 알려주시라...

다른 방법으로 해봤더니, 포트가 바뀌면서 localhost:8080 접속이 안되고, 기능도 제대로 안되는 것으로 보여져서

일단은 이 방법을 쓰기로 한다.

 

그러면 새로 뜬 powershell 에다가 npm run build 입력 후 엔터 치자.

 

 

그러면 오류가  발생되지 않는다면 build가 되어서 수정된 내용을 확인할 수 있을 것이다.

 

사실 둘 다 시간이 많이 걸리기는 하지만 이렇게라도 Ctrl + C 후 ./mvnw spring-boot:run 한번 안하는 게 어딘가...

build 만 해도 나름 cpu 많이 잡아 먹는 거 같다.

구식 노트북의 cpu 쿨러가 마구 돌아가다가 이젠 멈췄다.

 

 

대략 WARNING 몇개 뜨고 build가 끝났다.

에러가 나면 고치면 된다.

 

localhost:8080 접속, 새로고침 하면 수정된 내용이 적용된 것을 확인할 수 있을 것이다.