seong.on2e

[Vue] 2-2. 프로젝트 생성 (Manually select features) 2021.03.10 - [Programing/Vue] - [Vue] 2-1. 프로젝트 생성 Defualt ([Vue2] bavel , es.." data-og-host="tjddnjs625.tistory.com" data-og-source-url="https://tjddnjs625.tistory.com/17" data-og-url="https.. tjddnjs625.tistory.com 1. 페이지 생성 앞선 포스팅에서 생성한 프로젝트의 Views 폴더안에 vue 파일을 생성한뒤 template 태그 안에 Html 내용을 작성한다. 위처럼 생성한 Index.vue 파일을 Router 에 등록 해줘야 페이지 라우팅이 가능하므..

1. CMD 실행 하여 프로젝트 파일 설치 경로 이동 cd D:\WorkSpace_Study d: 2. Vue 프로젝트생성 vue create study-project 해당명령어 입력시 아래와 같은 옵션선택창이 노출된다. > Defualt ([Vue2] bavel , eslint) > Defualt (Vue3 Preview) ([Vue3]bavel , eslint) > Manually select features 위옵션중 Vue 버전을 선택하면된다. vue3는 아직 preview 이기때문에 vue2 로 설치 3. VS Code에서 해당 프로젝트 열기 위와 같이 프로젝트가 생성되었다면 packpackage.json 에서 프로젝트의 정보를 정의하고, 의존하는 패키지 버전 정보를확인할수 있다. 이제 해당 프로..

1. Node 설치 npm(node package manager)을 이용해 vue를 설치하기 위해 Node.js 를 설치한다. Node.js Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치후 cmd 창을 열어 아래 명령어를 실행하여 vue 와 vue-cli 를 설치한다 Vue CLI는 Vue.js 프로젝트 생성을 돕는 vue 공식 CLI 이다. Vue CLI를 통해서 vue 명령어를 사용할 수 있게되고, 빠른 프로젝트 생성 및 관리를 할 수 있게 된다. 아래와 같이 npm, yarn 명령어를 사용해서 설치 할 수 있다. --vue.js 설치 npm install -- vue-cli설치..