SI Supply Depot

앞서 CLI로 vue 프로젝트를 생성하는 법을 살펴보았다. [Vue.js] #2. 기본 프로젝트 생성 및 실행하기 앞서 Vue.js 를 실행하기 위한 환경을 구성해봤다. [Vue.js] #1. 개발환경 구성하기 Vue.js 로 프로젝트를 진행하려 한다. 일단 가장 먼저 해야할일은 개발환경을 구성하는것이다. 그중에서도 가장 먼 oingdaddy.tistory.com CLI가 익숙하지 않다면 GUI 환경에서도 프로젝트를 생성할 수 있도록 Vue Project Manager를 제공한다. Vue Project Manager 실행 > vue ui 터미널에서 이렇게 명령어를 수행해본다. 그럼 GUI가 시작된다고 나오고 localhost:8000 으로 접근할 수 있다고 한다. 접속해보자. 앞서 CLI를 통해 생성한 ..

앞서 Vue.js 를 실행하기 위한 환경을 구성해봤다. [Vue.js] #1. 개발환경 구성하기 Vue.js 로 프로젝트를 진행하려 한다. 일단 가장 먼저 해야할일은 개발환경을 구성하는것이다. 그중에서도 가장 먼저 할일은 VSCode를 설치하는 방법이다. 설치 방법은 다음 글을 참조하도록 하자. oingdaddy.tistory.com 이어서 가장 간단하게 Vue 프로젝트를 만들고 실행해 보는 예제에 대해 다뤄보겠다. Vue 프로젝트 생성 터미널을 열고 workspace로 사용할 폴더에 들어가서 다음과 같은 명령어로 프로젝트를 생성한다. > vue create oing-vue-project 그러면 위와 같은 선택화면이 나온다. Vue 3 버전으로 진행을 할것이기 때문에 Vue 3을 선택하고(키보드로 선택 ..

Vue.js 로 프로젝트를 진행하려 한다. 일단 가장 먼저 해야할일은 개발환경을 구성하는것이다. 그중에서도 가장 먼저 할일은 VSCode를 설치하는 방법이다. 설치 방법은 다음 글을 참조하도록 하자. VSCode (Visual Studio Code) 설치 방법 오랜만에 이클립스가 아닌 다른 환경에서 개발을 하게 되었다. Vue.js 를 사용하기 위해서 이에 더 최적화된 VSCode를 선택하게 되었고 설치를 해보려고 한다. 설치파일 다운로드 Visual Studio Code - Cod oingdaddy.tistory.com 간단히 설치가 끝났고 그다음은 Vue로 개발하기 위해 필요한 것들을 설치해야 한다. Node.js 설치 (npm) Vue로 개발을 할때 수많은 라이브러리들을 가지고 와서 쓸수가 있는데 ..