[Vue.js] vue.js 프로젝트 설정

2023. 5. 21. 13:19· FE/Vue.js
반응형

1. Node.js 설치 (설치 된 경우, 무시)

vue.js 를 설치하기 위해서는 node.js 가 선행 설치되어야 한다.

https://nodejs.org/ko

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

 

2. Vue.js 프로젝트 받기

WindowsOS : CMD(실행창)

MacOS : Terminal

 

자신의 OS에 맞게 터미널을 실행시킨 후, 아래의 명령어를 입력한다.

npm init vue@latest

 

프로젝트 옵션의 경우, 자신에게 맞게 설정하면서 받으면 된다. 
(필자는 우선 기본 설정으로 진행)

Done. Now run이 나오면 작업이 완료된 것이다.

 

 

 

3. 의존 라이브러리 받기 & 실행

1) 해당 vue.js 폴더로 이동

cd [프로젝트 이름]

(필자는 프로젝트 이름이 hello-vue 이기 때문에, cd hello-vue)

 

2) 의존 라이브러리 받기

npm install

 

3) vue.js 실행

 

반응형

'FE > Vue.js' 카테고리의 다른 글

[Vue.js 3] Router / Event Bubbling / 객체 비교  (0) 2023.07.30
[Vue.js 3] Computed, async / await, watchEffect, watch  (0) 2023.07.16
[Vue.js 3] v-bind / v-model, v-for, v-show / v-if, emit / props  (0) 2023.07.09
[Vue.js 3] Vue.js 3 설치, Composition API, Fragment, ref/reactive  (0) 2023.07.01
[Vue.js] Vue.js 기본 문법  (0) 2023.05.22
'FE/Vue.js' 카테고리의 다른 글
  • [Vue.js 3] Computed, async / await, watchEffect, watch
  • [Vue.js 3] v-bind / v-model, v-for, v-show / v-if, emit / props
  • [Vue.js 3] Vue.js 3 설치, Composition API, Fragment, ref/reactive
  • [Vue.js] Vue.js 기본 문법
멍목
멍목
개발 관련 새롭게 알게 된 지식이나 좋은 정보들을 메모하는 공간입니다.
반응형
멍목
김멍목의 개발블로그
멍목
전체
오늘
어제
  • 분류 전체보기 (514)
    • BE (190)
      • Spring (21)
      • Java (141)
      • Kotlin (6)
      • JPA (22)
    • FE (33)
      • Javascript (16)
      • Typescript (0)
      • React (5)
      • Vue.js (9)
      • JSP & JSTL (3)
    • DB (32)
      • Oracle (22)
      • MongoDB (10)
    • Algorithm (195)
    • Linux (8)
    • Git (6)
    • etc (42)
    • ---------------------------.. (0)
    • 회계 (4)
      • 전산회계 2급 (4)
    • 잡동사니 (2)

블로그 메뉴

  • 홈
  • 관리

공지사항

인기 글

태그

  • 자바 테스팅 프레임워크
  • 이펙티브 자바
  • MongoDB with Node.js
  • MongoDB 기초부터 실무까지
  • vue3 공부
  • 알고리즘공부
  • Java to Kotlin
  • 코틀린
  • JPA 공부
  • 코테 공부
  • 자기 개발
  • 자기 공부
  • 자바 개발자를 위한 코틀린 입문
  • java 8
  • 자바공부
  • MongoDB 공부
  • 더 자바 애플리케이션을 테스트하는 다양한 방법
  • 프로젝트로 배우는 Vue.js 3
  • 자기개발
  • 코테공부
  • 알고리즘 공부
  • Oracle
  • junit5
  • 더 자바 Java 8
  • 자기공부
  • 전산회계 2급 준비
  • JPA
  • 이펙티브자바
  • 자바 공부
  • Effective Java

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.0
멍목
[Vue.js] vue.js 프로젝트 설정
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.