vue321 Vue-CLI Project 기본 구조 vue-cli로 생성된 Project의 기본 디렉터리 구조 파악*자세한 설명 생략 ▷ vue-cli Project 기본 구조 ▷ 관련 글 Vue3 기초 예제 프로젝트 정리Vue3 기초 예제 프로젝트 구조 및 소스 중간 정리 *관련 글이 점점 늘어나 하나로 통합하기 위함 *이 글에서 만 싱크 맞춤 *주석 이외 설명 생략 *자세한 설명 생략 ▷ 프로젝트 전체 구조 coding-today.tistory.com 2023. 10. 23. Vue3 Project 생성 및 실행 Vue3 Project 생성 후 실행 시켜 확인하고 간단한 태그 추가 후 변경된 내용 확인 *Vue.js 관련 개념 설명은 아래 참고*VScode 사용*자세한 설명 생략 ▷ Vue3 Project 생성 및 실행 ① Vue Workspace folder 생성 ② Vue3 Project 생성*? Please pick a preset: Default ([Vue 3] babel, eslint)가 출력된다면 Enter*Defalut Vue3 💡vue create test ③ Vue3 Project 실행*Vue3 Proeject 종료 : Ctrl + c → y 💡cd test💡npm run serve ④ 결과 확인*http://localhost:8080 ▷ Vue3 project import in.. 2023. 10. 20. Vue 설치 방법 ▷ Vue 설치 방법 ① Node 설치② vue-cli 설치(-g) ① Node 설치 💡node -v💡npm -v ② vue-cli 설치(global)*vue-cli : Vue 프로젝트를 빠르게 구성, build, Deploy 할 수 있게 도와주는 도구 💡npm install -g @vue/cli💡vue --version ▷ 관련 글 Vue3 기초 예제 프로젝트 정리Vue3 기초 예제 프로젝트 구조 및 소스 중간 정리 *관련 글이 점점 늘어나 하나로 통합하기 위함 *이 글에서 만 싱크 맞춤 *주석 이외 설명 생략 *자세한 설명 생략 ▷ 프로젝트 전체 구조 coding-today.tistory.com 2023. 10. 20. 이전 1 2 3 다음 728x90 728x90
