Vue 시작하기 [Vue, TypeScript]

 < 내용 > 

• Vue를 설치하고 실행할 수 있다.

 < 목차 > 

1. 기타 환경 설정
2. Vue 설치
3. Vue 실행

---

 1. 기타 환경 설정 

• Vue 공식 홈페이지에 따르면 현재 최신 버전의 Vue를 사용하려면 node v18.3 이상이어야 한다.
• node 설정은 아래 링크에 있다.
• 공식 홈페이지 또한 밑에 있다.

https://ko.vuejs.org/guide/quick-start.html

Vue.js

https://sound-programming.tistory.com/186

리액트 타입스크립트 시작하기 [React, TypeScript, NVM, Prettier]

---

 2. Vue 설치 

npm create vue@latest

• 터미널에 입력하면 이제 질문 폭격이 나온다.

• 프로젝트 이름을 설정하고
• TypeScript와 JSX Support, ESLint, Prettier만 Yes하고 나머지는 No로 한다.
• 그리고 아래 명령어를 실행한다.

cd practice-vue

npm install

• prettier를 실행하는 명령어

npm run format

• 명령어는 package.json에 들어가서 확인하면 된다.

---

 3. Vue 실행 

• 밑에 Local에 있는 링크를 ctral을 누른 상태에서 마우스 왼쪽을 클릭한다.

• 성공하면 다음과 같은 화면이 나타난다.