jungeunlee95 / vuejs

study vuejs basic ✔

---

구조

• 모든 실습코드는 예제코드 밑에 정리

• 헷갈리는 개념 마크다운 문서는 개념정리 밑에 정리

---

Vue CLI 설치

설치 : npm install vue-cli -global

설치 버전 확인 : vue

> vue
Usage: vue <command> [options]

Options:
  -V, --version  output the version number
  -h, --help     output usage information

Commands:
  init           generate a new project from a template
  list           list available official templates
  build          prototype a new project
  create         (for v3 warning only)
  help [cmd]     display help for [cmd]

---

live-server 설정하는 방법

[IntelliJ 웹스톰(WebStorm)] 실시간 미리보기(live-server) 설정 하는 법

intelliJ IDEA - terminal

npm i -g live-server : live-server설치

live-server : live-server 실행

---

참고 자료

[ Vue 기본 개념 ]

Do it! Vue.js 입문 책

Vue.js 공식문서

Vue.js 입문서 - 프론트엔드 개발자를 위한

맨땅에 vuejs

Vue에서 컴포넌트 템플릿 정의하는 7가지 방법

Vue.js 살펴보기

---

[ 뷰 응용 공부 ]

Vue Router

히스토리 모드 서버 설정 예제

API 레퍼런스

뷰 라우터 살펴보기

Vuex 공식문서

---

[뷰 팁]

뷰 팁

뷰스타일가이드 공식문서

뷰 애니메이션 클래스 공식문서

뷰 공식문서 - 예제 소스

마크다운 에디터, 깃헙 커밋, 그리드, 모달 . . .. .예제코드

---

[뷰 예제 코드 보기]

각종 뷰 예제코드 모음

뷰 라우터 예제 깃헙

doit vuejs 깃헙

---

[뷰 bootstrap]

vue js bootstrap 공식 문서

vue js mbootstrap

무료 icon

무료 icon2

coreui-admin-template

coreui 참고

각종 컴포넌트 예제

---

VUE Environment Variables 설정

https://cli.vuejs.org/guide/mode-and-env.html#modes

https://medium.com/js-dojo/how-to-use-environment-variables-in-vue-js-273eba0102b0

---

[js]

js array filter function example