- 본 게시글은 VsCode에서 Vue3 프로젝트를 생성하는 방법을 정리하였습니다.
VsCode 설치
- https://code.visualstudio.com/download
- 자신의 os에 맞는 vscode를 설치합니다.
NodeJs 설치
- https://nodejs.org/ko/
- LTS 버전을 설치합니다.
VueJs Devtools 설치
- https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
- chrome에 확장프로그램 추가하기
Vue 설치
npm install -g @vue/cli
Vue 설치 확인
vue --version- 위에 설치가 다되었으면 해당 명령어를 날려서 vue를 설치하고 확인을 합니다.
Vue 프로젝트 생성
vue cretate frontend
- VsCode 터미널에 해당 명령어를 실행후 Vue3 Default를 선택합니다.
- view project를 생성한 경로에 들어가보면 vue 관련 파일이 생긴것을 알수 있습니다. 해당 폴더를 vscode에 드래그합니다.
- 다음 글에서는 VsCode vue 관련 유용한 플러그인을 다운받아보고 사용해보도록 하겠습니다.
https://aamoos.tistory.com/724
2. Vue 기능 튜토리얼 - VsCode 플러그인 사용해보기
이번글에서는 vue 개발에 유용한 VsCode 플러그인을 다운로드 해보고 사용해보는것을 해보겠습니다. - 먼저 VsCode를 열면 해당 버튼을 누릅니다. (Extensions) vetur 설치 - Vetur를 install 합니다. vetur를 받
aamoos.tistory.com
'vue.js' 카테고리의 다른 글
| Vue 예제 - BootStrap Vue 적용 (0) | 2022.12.27 |
|---|---|
| VsCode 것허브 연동 커밋 (0) | 2022.12.27 |
| 3. Vue 예제 - 서버 실행, vue-router 적용, footer, header 나누기 (0) | 2022.12.27 |
| 2. Vue 예제 - VsCode 플러그인 사용해보기 (0) | 2022.12.27 |