본문 바로가기
개발/VUE

IntelliJ ] Vue 초기 개발 세팅

반응형
// IntelliJ 2018.2.8(Ultimate Edtion)으로 세팅
// node.js, npm 설치 후 진행

 

1. IntelliJ 모듈 생성

  • 원하는경로에 IntelliJ 모듈 생성
  • File - New - module
  • New Module - static Web - Vue.js 선택 후 Next
  • Module name 입력 후 Next

2. IntelliJ 내 Terminal Open

3. vue-cli를 이용하여 프로젝트 생성

vue init webpack [원하는 프로젝트명]
  • 위 코드 입력 후 나타나는 입력 창 모두 엔터해도 문제없음

4. 해당 프로젝트 경로로 이동

cd [프로젝트명]

5. Vue 프로젝트 실행

npm run dev
npm start
  • 위 두 코드중 하나 실행(npm start 가 npm run dev 호출해서 결과가 똑같습니다.)

6. 웹페이지에서 확인

http://localhost:8080/

  • 위와 같은 페이지가 나타날 경우 성공
반응형