vue-cli가 설치되어있지 않은 경우 설치하기
npm install -g @vue/cli
vue-cli 사용해서 프로젝트 생성하기
vue-cli의 create 명령어로 코드를 생성할 수 있다.
vue create frontend-jobsadmin
앞서 설정한 스프링프로젝트에 frontend 단어를 붙였다.
설치가 완료되면
로컬서버 띄우기
npm run serve
명령어를 실행해서 로컬 서버를 띄운다.
해당 링크를 클릭하면 화면이 뜬다.
vue-cli 초기화면
크롬브라우저에
http://localhost:8080/
를 입력하고 접속하면 상단의 화면이 뜬다.
소스 코드 확인
초기 vue-cli 프로젝트의 파일, 폴더 구조를 확인 할 수 있다.
이어서.
'개발일지 > spring' 카테고리의 다른 글
| SpringBoot 스프링부트 yml jpa 설정 show_sql, format_sql, use_sql_comments, physical-strategy (0) | 2023.06.01 |
|---|---|
| SpringBoot 스프링부트 프로파일 설정하기/ Junit 테스트 시 스프링 프로파일 (0) | 2023.05.25 |
| vue-cli 프로젝트 정리하기, 테스트 실행 명령어 추가하기 (0) | 2023.05.12 |
| 스프링 이니셜라이저로 프로젝트 생성 (0) | 2023.05.09 |
| 스프링5 vuejs 웹 애플리케이션 개발환경 세팅하기 (0) | 2023.05.05 |
