Vue 개발환경 세팅하기
- Node.js / Vscode 필수
설치된 Node.js 버전 확인:node -v
설치된 npm 버전 확인:npm -v
npm 버전 업데이트 하기:npm i -g npm
npm 캐시 삭제하기:npm cache clean -f
- 터미널에서 vue cli 설치하기
npm install -g @vue/cli- 설치 확인
vue --version- Vue 프로젝트 설치
vue create 프로젝트명- Vue 미리보기 띄우기
npm run serve
설치가 완료되면 여러 폴더와 파일이 생성된다.
- node_modules: 프로젝트에 쓰는 라이브러리들
- src: 소스코드 다 담는곳
- public: html파일, 기타 파일 보관
- package.json: 라이브러리 버전, 프로젝트 설정 기록
단 코드를 index.html이 아닌 app.vue에 작성한다.
(app.vue --- html으로 컴파일 ---> index.html으로 보여주기 때문!)
