[Vue.js]시작하기

나는 초보다. Vue.js 를 해보자.

순서

1. Node.js 설치

2. code Editor 설치

3. Workspace 생성

4. Vue cli 설치

5. 프로젝트 생성

---

 

1. 우선 Node.js를 먼저 설치하자.

https://nodejs.org/ko/

Node.js

 

안전하게 신뢰도가 높은걸 설치하자

 

---

2. code Editor를 설치하자.

 

VS code를 사용할것임.

https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

위 링크에서 본인 PC에 맞게 다운로드 해주시면 됨요.

---

3. 본인의 작업용 폴더 만들어 벌이고 vscode에서 열어주자.

workspace의 이름은 영문자로 사용하자

(본인은 초보라 아무도 못보는곳에 만들었음)

 

 

 

폴더열기 누르고 만든폴더 지정해주셈

 

 

 

성공적으로 열었다면 50%정도 완료임

---

4. Vue cli 를 설치해보자.

아까 다운받았던 Node.js가 빛을 발할때가 되었음

npm은 Node Package Manager 약자로 다운로드 어쩌구를 도와주는 패키지 관리자임

VScode의 터미널창은 Ctrl + `(백틱 or 물결친구) 으로 열수있고 상단에 터미널 옵션에서 열 수 있음.

 

 

 

터미널에 입력해주자 아래의 명령어를 입력해주자

npm install -g @vue/cli

yarn 사용자는

yarn global add @vue/cli

 

 

설치가 완료 되었다.

잘 설치 되었나 확인 vue --Version이랑 같은것

 

 

---

5.프로젝트를 생성해보자.

아래의 명령어를 입력해주면 프로젝트가 간단히 생성 될것이다.

vue create '프로젝트명'

 

 

Vue3 , Vue2 중에 하나 선택하라고 하는데 Vue3를 선택하자.

 

설치는 오래 걸리지 않으니 잠깐 멍때리고 기다리자.

 

 

 

 

설치가 완료되면

짠 하고 여러 놈들이 생겨난다.

---

저 놈들이 뭐하는 놈들인지는 다음에 적을것임.