vue.js의 간단한 시작 방법.
정책
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
Reference
이 문제에 관하여(vue.js의 간단한 시작 방법.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ratovia/items/e2d08791626ff27209b3
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
- 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
Reference
이 문제에 관하여(vue.js의 간단한 시작 방법.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ratovia/items/e2d08791626ff27209b3텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)