vue 프로젝트 (4) 썸네일형 리스트형 Vue 프로젝트 생성 후 실행까지 Vue CLI 설치 npm을 이용하여 설치하는데 -g 옵션을 통해 현재 프로젝트 node_module에 설치하는 것이 아닌 시스템 전역으로 설치합니다.(global 패키지로 등록) --save 옵션을 줄 경우 현재 작업 중인 디렉토리 내에 있는 node_modules에 패키지를 설치하고, 이후 package.json 파일에 dependencies에 설치 패키지 정보를 추가합니다. npm install -g @vue/cli Vue 프로젝트 생성하기 1. cmd 혹은 터미널에서 vue 명령어 실행 - 프로젝트명을 카멜케이스로 입력할 경우 에러 (ex:vueProject) - 케밥케이스로 입력합니다. (ex:vue-project) -- vue/cli 3.x 이상일 경우 vue create 프로젝트명 -- vu.. vue 프로젝트 생성법 npm i -g @vue/cli vue.cmd --version vue.cmd create https://soobindeveloper8.tistory.com/282 이클립스에서 vue 파일 생성하는 방법 vue 로 프로젝트를 다시 생성해서 하나씩 알아가고 싶어서 프로젝트를 생성하는데 있어서 막히는 부분이 있었다. 그래서 @다솜 님의 도움으로 해결 할 수 있었다 #땡큐 Base 가 되는 프로젝트를 soobindeveloper8.tistory.com [ 사이드 프로젝트 (스프링 부트 / JPA / vue) ] 따자 드디어 배포하다. http://ec2-13-125-129-135.ap-northeast-2.compute.amazonaws.com/ Vue Element Admin ec2-13-125-129-135.ap-northeast-2.compute.amazonaws.com 작년 이맘 때 쯤이었나.. 매일 사이드 프로젝트를 해야 한다는 생각은 있었지만 막상 시작은 못하고 있었다. 어쩌다 두 명이서 시작한 프로젝트가 우당탕탕 하며 진행하다 거의 막바지에는 따로 하기로 합의를 봤다. 그래서 온전히 내 결과물은 아니지만, 끝까지 해낸 내가 뿌듯해죽겠다. 개발도 개발이지만 서버에 배포하는게 발목을 잡힐 것이라는 생각을 늘 가지고 있었는데, 역시나 회사에서 하는 서버 배포는 선배들이 다 설정해두고 나는 잘 차려놓은 밥상을 떠먹기만 하면 되니.. VueJS 에서 component 합치기 라우터로 경로를 지정 후 ( 아래 참고 ) soobindeveloper8.tistory.com/249 VueJS 의 index.js VueJS 의 router 폴더의 index.js 에서는 router 를 지정해준다. 나는 아래와 같이 구성해 놓았다 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' Vue.use(Vue.. soobindeveloper8.tistory.com HOME 의 구성요소 '/' 를 클릭시에 ../views/Home.vue 이 파일로 이동하는데 ../views/Home.vue 파일은 아래와 같다 Home 은 아래처럼 7개의 컴포넌트 로 구성이 되어있다 상단바 하단바.. 이전 1 다음
