Vue3 설치와 세팅

node.js와 vs code는 설치되어있어야 함

1. 개발환경 세팅

1. 설치
npm install -g @vue/cli

2. 확장팩 설치
Vetur

HTML CSS Support

Vue 3 Snippets

2. Vue프로젝트 생성

1. 생성
vue create 프로젝트명
Please pick a preset 나올 경우 vue3 선택

2. 로컬 열기
터미널에 npm run serve

• 코드는 어디서 짜는지: App.vue
• HTML:
• JS:
• CSS:

  node.js 설치하면 npm 사용 가능
  npm은 각종 웹개발 라이브러리 설치 도우미임
  npm으로 @vue/cli 설치함(vue 프로젝트 빠르게 생성해주는 라이브러리)
  node_modules: 프로젝트에 쓰는 라이브러리들
  src: 소스코드 다 담는 곳
  public: html파일, 기타파일 보관
  package.json: 라이브러리 버전, 프로젝트 설정 기록