목록Vue (3)

Monti

#3 Vue 프로젝트 생성을 위한 개발환경 구축 (Vue Cli)

1. Vue CLI 설치 Vue-Cli(Command Line Interface)는 터미널에 명령어를 입력하여 컴퓨터와 상호작용하는 방식을 의미한다. Vue CLI를 설치하기 위해서는 터미널에서 npm을 이용하여 설치한다. vue는 버전 2.x 부터 4.x 버전까지 나와있으며, 각각의 설치방법은 다음과 같다. // vue cli v3.x, v4.x npm install @vue/cli -g // vue cli v2.x npm install -g vue-cli 1) vue cli -v4.x 설치 (windows + R) 실행창에서 cmd(터미널창)을 실행한다. 2) npm install -g @vue/cli 명령어를 입력한다. (-g는 글로벌의 약자) 3) 설치가 완료된 후 vue -V 을 입력하여 버전을..
JavaScript/Vue.js 2021. 10. 11. 19:45
#2 Vue 프로젝트 생성을 위한 개발환경 구축-1(VSCode, Node.js)

vscode 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com VSCode(Visual Studio Code)는 IDE(통합 개발 환경:Integrated Development Environm..
JavaScript/Vue.js 2021. 10. 11. 17:34
#1 Vue.js 시작하기 (스크립트 추가방법)

https://kr.vuejs.org/v2/guide/installation.html 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 기본적으로 Vue.js 공식 홈페이지의 설명에 따르면 직접 에 추가하는 방식은 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 // vue.js 버전 2.x // 프로토 타이핑 또는 학습 목적 // 프로덕션 환경인 경우 // 기본 ES 모듈을 사용하는 경우 import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js' // vue.js 버전 3.x // 프로토 타이핑 또는 학습 Colored by Color ..
JavaScript/Vue.js 2021. 10. 11. 17:32
이전 Prev 1 Next 다음