대바보의 끄적끄적

vue

• 단일 페이지 어플리케이션

vue 설치

1. 노드,NPM 설치
   • mac brew 사용시 명령어 brew install node
2. vue cli 설치
   • 명령어 npm install -g @vue/cli
   • vue cli 는 vue project를 빠르게 구성하고, 빌드, 디플로이 할 수 있게 하는 도구.
3. vue 프로젝트 생성 (vue-project)
   • 명령어 vue create vue-project
   • 여러설정이가능한 vue-project-manually 도 있다. 명령어 vue-project-manually
4. 생성된 프로젝트로 접속해 vue 구동 테스트
   • 명령어 npm run serve -- --port 3000

vue 프로젝트 구조

node_modules : npm으로 설치된 패키지 파일들(자바로 치면 lib)
public : 웹팩을 통해 관리되지 않는 정적 리소스가 모여있는 디렉토리
src/asset : 이미지, css, 폰트 등을 관리하는 데렉토리
src/components : vue 컴포넌트 파일이 모여 있는 디렉토리
App.vue : 최상위(Root) zjavhsjsxm
main.js : 가장 먼저 실행되는 자바스크리브 파일로써, Vue 인스턴스를 생성하는 역할
babel.config.js : 바벨 설정 파일
package-lock.json : 설치된 package의 dependency 정보를 관리하는 파일
package.json : 프로젝트에 필요한 package를 정의하고 관리하는 파일