NPM 방식

• 자바와 동기화가 되지 않기 때문에 session을 사용하지 못한다.

• 설치 명령어 정리

  1. JAVA_HOME 설정
     D:\egov\jdk1.8.0_181 폴더를 D:\로 d:\복사
     D:\egov\apache-tomcat-8.0.53 폴더를 D:\로 d:\복사
     환경변수 JAVA_HOME : D:\jdk1.8.0_181\

  2. nodeJs 설치 (참조 :https://ojava.tistory.com/185)
     node-v14.16.0-x64.exe

  3. Node 설치
     C:\nodejs>npm install

  4. vue 설치
     npm install vue
     설치 확인 : vue -v

  5. Vuejs Cli 설치
     npm install -g @vue/cli

  6. 프로젝트 생성 (2.x 외 3.x의 차이점 참조 사이트 : https://blog.metafor.kr/201   https://ddolcat.tistory.com/1565 )
     5.1 workspace 폴더 생성
     5.2 worksapce 폴더 cmd 에서 프로젝트 생성 (5.2.2 실행)
     5.2.1 vue init webpack (프로젝트 이름)
     예) vue init webpack my-app
     5.2.2 vue create (프로젝트 이름)
     예) vue create helloworld

  7. Server Run
     생성 프로젝트 폴더로 이동 후 실행
     npm run serve
     확인 : http://localhost:8080/

  8. Vuejs 관리자 화면 vue ui

  9. Vsc 설치 VSCodeUserSetup-x64-1.61.0.exe 실행

  10. vsc 환경 설정
      참조 :
      https://ojava.tistory.com/185
      https://linked2ev.github.io/devsub/2020/08/31/Visual-Studio-Code-vue.js-%EA%B0%9C%EB%B0%9C%EC%8B%9C-%EC%B6%94%EC%B2%9C-plugin-%EC%A0%95%EB%A6%AC/
      https://dev-onestep.tistory.com/25

  11. 프로젝트 열기
      파일-폴더열기
      해당 프로젝트 폴더 열기

  12. 샘플소스 만들기

• vue 만들기
  • vue 프로젝트 만들기 : cmd창에서 vue create 프로젝트명 입력
  • nuxt 프로젝트 만들기 : npx create-nuxt-app 프로젝트명
  • 서버실행 : 해당 프로젝트 directory로 들어가서 npm run server
  • 새로운 라이브러리 import하고 build 시키는 명령어 : npm run build