Vue3.js 시작

1.Node.js 설치

 

Windows Installer (.msi) LTS 버전으로 설치하세요

설치 후 옵션 전부 체크

 

https://nodejs.org/en/download

Node.js — Download Node.js®

 

cmd에 npm -v  입력해서 설치되었는지 version확인하세요~

Node.js는 자동으로 PATH에 등록되어서 환경변수 설정 필요 없다고 합니다!

 

node -v

npm -v (실행할 수 없는 에러나면 아래 코드 입력)

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned

npm -v

 

 

2.VsCode 에디터 설치

 

https://code.visualstudio.com/Download

Download Visual Studio Code - Mac, Linux, Windows

 

(1) 왼쪽 네모 블럭 아래에 Extention 클릭하기

(2) Vue(Official), HTML CSS Support, Vue 3 Snippets 설치

 

(3) cmd 에서 폴더 만들고 npm설치

(4) 프레임워크와 옵션을 선택

 

npm create vite@latest 폴더명

cd 폴더명

npm install

npm run dev (로컬환경열리는지확인)

 

 

 

* 자주 사용하는 npm 명령어

1. npm create <패키지명> : 특정 패키지를 기반으로 프로젝트 생성

2. npm install : 패키지 파일에 명시된 도구를 설치

3. npm install <모듈명>

4. npm run <실행대상> : 패키지 파일에 정의된 스크립트를 실행

5. npm uninstall <모듈명> : 특정 모듈을 삭제

6. npm init : 프로젝트의 초기 설정을 수행합니다. 이 명령어를 실행하면 설정한 내용을 바탕으로 패키지 파일이 생성됩니다.