vue.js의 간단한 시작 방법.

1057 단어 Vue.jsvue-cli

정책



vue 단독이 아닌 vue-cli에서 vue가 도입 된 프로젝트를 생성합니다.

사전 준비



yarn과 npm이 들어 있는지 확인
yarn -v
npm -v

vue-cli 소개


npm install -g @vue/cli

vue-cli의 vue 명령으로 디렉토리 만들기


vue create hoge

여러가지들을 수 있지만, 모두 기본 설정으로 OK

서버 시작


yarn serve

localhost:8080에 액세스



이렇게 되면 OK

디렉토리 구조 정보


- node_modules      # nodeモジュールが入っています
- public            # なんやこれは
- src               # アプリのソースコードが入っています。
  - assets          # 画像とか
  - components      # App.vueから呼ばれるコンポーネント
  - App.vue         # main.jsから呼ばれるvueファイル 
  - main.js         # 最初に実行されるJavaScript
- .gitignore      
- babel.config.js
- package.json
- README.md
- yarn.lock

좋은 웹페이지 즐겨찾기