Vue 프로젝트 구성 (intelliJ)

개발환경 툴 : intelliJ

 

1. 기본 설치

• node.js 설치

  https://nodejs.org/en/

• node js 설치 확인

  eunbi@EB-MacPro  ~  node -v

  v12.18.4

• npm 최신버전 업그레이드

  sudo npm install -g npm

• vue client 설치

  sudo install npm install -g @vue/cli

 

 

기본 테스트 페이지 만들기

eunbi@EB-MacPro  ~/Desktop/Project/VueProject  sudo npm install -g @vue/cli-init

npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli

npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142

npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)

npm WARN deprecated har-validator@5.1.5: this library is no longer supported

+ @vue/cli-init@4.5.6

added 251 packages from 206 contributors in 8.016s

 

eunbi@EB-MacPro  ~/Desktop/Project/VueProject  vue init webpack-simple static-admin

? Project name test1

? Project description Vue js test Project

? Author eunbi

? License MIT

? Use sass? No

   vue-cli · Generated "static-admin".

   To get started:

     cd static-admin

     npm install

     npm run dev

 

이후 npm 을 이용해 실행하면 기본 HelloWorld 페이지를 부를 수 있다.

 

eunbi@EB-MacPro  ~/Desktop/Project/VueProject  cd static-admin

eunbi@EB-MacPro  ~/Desktop/Project/VueProject/static-admin  sudo npm install

eunbi@EB-MacPro  ~/Desktop/Project/VueProject/static-admin  sudo npm run dev

 

• intelliJ 에 Vue 플러그인 설치

 

•  새 프로젝트 생성

static web page 에 있다는데 나는 JavaScript 부분에 있엇다.

계속 안떠서 인텔리제이를 최신으로 업그레이드 하였다

 

* 테스트프로젝트 완성!