Node.js와 Vue.js 시작하기

✔ 기본개념

Vue3

https://vuejs.org/

Vue.js - The Progressive JavaScript Framework | Vue.js

    └  웹 UI를 쉽고 빠르게 구축할 수 있는 기능을 가진 자바스크립트 프레임워크

 

Vue CLI(Command Line Interface) 

    └ Vue 프로젝트 개발을 위한 도구

 

NPM

    └ Node.js의 기본 패키지 관리자 (자바스크립트 라이브러리를 설치하고 관리하는 패키지 매니저)

 

✔ 설치순서

 

1. Node.js 설치

https://nodejs.org/ko/

Node.js

Tools for Native Module 체크하지않고 모두 Next 후 설치

 

2. cmd창 version 업데이트

       npm -v

 

3. cmd창 Vue cli 설치

      npm install -g @vue/cli

 

4. 작업폴더 및  vue 프로젝트 생성

      mkdir 폴더명

      \폴더명> vue create 프로젝트명

      ↓화살표로 이동 아래 선택 후 엔터

      >  Default (Vue 3) ([Vue 3] vavel, eslint)

    

5. VScode 에서 불러오기

      File - Open Folder - 프로젝트경로 선택

 

6. 프로젝트 실행

     npm run serve