[인텔리제이] 부트 + 뷰(3버전) / 원프로젝트

npm install -g yarn ※ npm 설치방법:  npm install --g @vue/cli
yarn --version 

만약 이런 에러가 발생하면 ....

https://classic.yarnpkg.com/en/docs/install/#windows-stable

Yarn

다운받아서 설치한다.

yarn global add @vue/cli

vue --version

 

yarn add vue-router
https://router.vuejs.org/kr/installation.html

설치 | Vue Router

yarn add vuex es6-promise

yarn add axios

 

 

vue.config.js 파일을 엽니다

 

module.exports = {
 outputDir:"../src/main/resources/static",
 indexPath:"../static/index.html",
 devServer:{proxy:"http://localhost:8080"},
 "transpileDependencies": [
    "vuetify"
  ]
}
 
 

application.properties 파일을 열어서 포트를 3000으로 수정합니다.

뷰와 포트번호 충돌을 막기 위해서입니다.

server.port=3000

 

yarn serve

방화벽 경고에 엑세스 허용을 선택하고 진행합니다.

 

 

 

 

 

아래와 같이 실행됨을 볼 수 있습니다.

 

 

만약 4.x 버전에서 지원하는 윈도우 cmd 에서 설정 ( 이것은 인텔리제이 터미널 직접 설치를 가능하게 합니다)하려면

아래 블로그를 참조하세요.

https://parksrazor.tistory.com/208

[뷰JS] 커맨드에서 설정하기 ( 뷰js 4.x 버전 이후 반영)