반응형

Front-end/Vue.js 5

[Eclipse]Springboot+Vue.js vue build하기

※학습 중 알게된 내용을 기록하고 있습니다. 틀린 부분이 있을 수 있습니다. 잘못된 부분은 댓글로 알려주시면 감사하겠습니다. 본 게시글에서 하고자 하는 작업 아래 이미지의 vue/publice의 index.html , main.html 파일을 src/main/resource/tempaltes/로 build 및 새로고침하여 확인 사전 진행사항 이클립스 내에 springboot프로젝트 생성 https://myprograming.tistory.com/entry/EclipseSpringboot-project%EC%83%9D%EC%84%B1%EC%9C%88%EB%8F%84%EC%9A%B0 [Eclipse]Springboot project생성(윈도우) 1. File > New > Other > Spring Star..

Front-end/Vue.js 2023.06.19

[VSCODE]VUE 프로젝트 실행하기

https://myprograming.tistory.com/entry/VSCODE-vue-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0 [VSCODE ]vue 프로젝트 생성하기 사전에 Vue CLI 설치가 필요하다. https://myprograming.tistory.com/entry/VUE-CLI%EC%84%A4%EC%B9%98 VUE CLI설치 VUE CLI란? vue commandline interface : 간단히 말하면, 개발환경을 세팅해주는 도구. 프로젝트 구조를 자동적 myprograming.tistory.com 위에서 프로젝트를 생성하는 것 까지 완료! 터미널에 npm run serve 입력 위의 loca..

Front-end/Vue.js 2023.06.16

[VSCODE ]VUE프로젝트 생성하기

사전에 Vue CLI 설치가 필요하다. https://myprograming.tistory.com/entry/VUE-CLI%EC%84%A4%EC%B9%98 VUE CLI설치 VUE CLI란? vue commandline interface : 간단히 말하면, 개발환경을 세팅해주는 도구. 프로젝트 구조를 자동적으로 세팅해준다. 설치방법 1.VSCODE 실행 2.폴더 열기 3.터미널에서 npm install -g @vue/cli 명령어 myprograming.tistory.com 1. 파일 > 폴더열기 > 사용하고자 하는 폴더 클릭 2. 아래와 같이 폴더(VISUALCODE)가 열림 3. 터미널에서 프로젝트 생성하기 상단 메뉴바에서 터미널> 새 터미널 클릭 > 하단에 터미널 생성된 것을 확인 4. 명령어 입력..

Front-end/Vue.js 2023.06.14

vue.js 기본 세팅 [윈도우](Eclipse-spring boot)

방법1. 이클립스 마켓플레이스에서 vue.js 설치 실패 Details 메세지 Cannot complete the install because one or more required items could not be found. Software being installed: Vue.js Pack :: CodeMix 1.1.0 (com.genuitec.eclipse.code.pack.vue.feature.group 1.1.0) Missing requirement: Core Plugin for Code Integration 3.6.0.202007202201 (com.genuitec.eclipse.code.core 3.6.0.202007202201) requires 'osgi.bundle; org.apache...

Front-end/Vue.js 2023.06.13
반응형