1. node.js 설치 하기
2. VS code에 설치할 것
- Vue Official: Vue 파일(.vue)에서 코드 하이라이팅, 오류 검사, 자동 완성 등을 제공하는 Vue 개발 필수 공식 확장 도구
- Live Server: 코드를 수정하고 저장할 때마다 브라우저에 실시간으로 변경 사항을 반영해 주는 가상 서버
- Prettier - Code formatter: 줄 바꿈, 들여쓰기 등 지저분한 코드 스타일을 일관성 있게 자동 정렬
- Auto Rename Tag: HTML/XML 태그의 이름을 변경하면 쌍이 되는 반대쪽 태그도 동시에 변경해 주는 편리한 도구
- HTML CSS Support: CSS 파일에 정의된 클래스 이름을 HTML 파일에서 입력할 때 자동 완성 목록
- HTML to CSS autocompletion: HTML에 작성된 클래스나 ID 정보를 바탕으로 CSS 작성을 도와주는 자동 완성 기능
- Code Runner: 별도의 터미널 설정 없이 버튼 클릭 한 번으로 다양한 언어의 코드를 즉시 실행
- Korean Language Pack for Visual Studio Code: VS Code의 전체 인터페이스 언어를 한국어로 번역
3. vue 실행하기
PS C:\\Users\\rlawn\\OneDrive\\바탕 화면\\vue> mkdir v0
PS C:\\Users\\rlawn\\OneDrive\\바탕 화면\\vue> cd v01
PS C:\\Users\\rlawn\\OneDrive\\바탕 화면\\vue\\v01> npm create vue@latest .
PS C:\\Users\\rlawn\\OneDrive\\바탕 화면\\vue\\v01> npm install
PS C:\\Users\\rlawn\\OneDrive\\바탕 화면\\vue\\v01> npm run dev