vue -version , vue -v를 했을때 이러한 에러가 나오면 환경변수 문제이다. 먼저 node_modules 위치를 찾는다. 나는 위치에 있었다. 그리고 환경변수를 설정해야된다. 시스템 환경변수 편집 입력 환경변수 클릭 아래 시스템 변수의 path를 찾아서 클릭 새로 만들 기 후에 node_modules 전의 폴더 까지 설정 해준 뒤에 확인 정상적으로 나온다.

Vue.js와 SpringBoot 연동 하는법을 배워보았다. # 연동 하는이유 SpringBoot와 Vue.js가 연동하지 않으면 Vue.js를 이용해 만든 클라이언트 쪽 페이지의 구성을 바꿀때 마다 매번 build를 하고 build결과물을 SpringBoot 쪽의 html 페이지쪽인 resource/static쪽으로 매번 이동 시켜줘야해서 개발 할때마다 성가시게 된다. 개발환경에서는 서버 두개(SpringBoot, Vue.js) 켜서 port 두개로 진행해도 상관 없을테지만, 배포시엔 서버를 두개나 두기엔 곤란하다. 그렇기에 실제 배포환경에선 연동을 통해 Vue.js의 빌드 결과물의 목적지를 SpringBoot의 resources/static으로 맞추고, 실 서버는 SpringBoot 서버 하나만 두게..

Vue를 공부하게 되었다. 처음 설치 부터 셋팅을 나중에도 할것 같아서 메모하게 되었다. # 설치 cmd를 열거나 window powershell에서 npm install -g @vue/cli 입력 # 확인 vue --version 정상적이면 아래와 같이 나온다. 비정상적이면 vue command not found 이것은 원인이 vue의 환경변수를 안잡아줘서 그런다. 위치를 못 찾는것. 자신의 node_modules의 위치를 찾고 해당 위치에 맞게 환경변수 설정해줘서 경로 잡아주기 # vue 프로젝트 만들기 vue create vuejs 위에 처럼 버전을 선택하라고 나옴. Vue 2를 선택하고 싶으면 그대로 따라서 치면 된다 Vue 2를 치면 아래로 바뀌는데, 원하는 것으로 엔터 누르면 만들기 시작한다...

node js 설치시에 node -v 하면 한번씩 not found가 떠서 메모 겸 적어 놓았다. # 내 컴퓨터 -> 오른쪽 마우스 속성 -> 고급 시스템 설정 -> 고급 -> 환경변수 클릭 # 상단 User에 대한 사용자 변수에 새로만들기 추가 변수 이름 : NODE_HOME , 변수 값 : C:\Program Files\nodejs 확인 # 아래 시스템 변수에서 Path 더블 클릭 새로 만들기 후 %NODE_HOME% 입력 확인 # cmd나 window powershell 등을 열어서 확인 node -v 정상적으로 된다.