1. Vue Cli 설치
(Vue.js 애플리케이션을 빠르고 효율적으로 생성하고 관리할 수 있게 해주는 명령줄 도구(Command Line Interface) )
yarn global add @vue/cli
2. 설치 후 vue 버젼 체크
vue --version
3. Extensions 에서 [Vetur], [HTML CSS Support], [Vue 3 Snippets] 설치
4. 빈 폴더 생성
5. 좌측 상단에서 File -> Open folder 클릭 후 생성한 폴더 클릭
6. 좌측 상단에서 Terminal -> new Terminal 클릭 후 cmd 창에 아래 명령어 작성
vue create 프로젝트명
7. 아래와 같이 버젼 선택하는 창이 나오는데 그대로 [Vue 3] 선택 후 엔터
8. 좌측 상단에서 File -> Open folder 클릭 후 [ vue create 프로젝트명 ] 명령어 후 생성한 프로젝트명 폴더 클릭
여기서 vue-practice 폴더를 열어야 한다.
9. 이렇게 하면 vue 프로젝트 생성 완료된다.
'Vue' 카테고리의 다른 글
| [문제 해결] 글을 작성하는 컨테이너에 긴 글을 쓰면 줄바꿈되지 않는 문제 (0) | 2025.02.27 |
|---|---|
| [문제 해결] 게시글이 보였다가 다시 사라지는 문제 (0) | 2025.02.19 |
| [문제 해결] Maximum call stack size exceeded 에러발생 (0) | 2025.02.12 |
| [문제 해결]자식 요소에 flex 비율을 지정해도 부모 요소의 100% 채워지지 않는 문제 (1) | 2025.02.03 |
