일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- classList toggle
- 리엑트할수있는퍼블리셔라규
- 포트폴리오
- react-router-dom
- classList add
- react
- 간식금지다!
- className
- set()
- 대표님물리기없기
- chart.js
- 냥빨이다가온다
- 클래스 토글
- new set()
- 를
- react-router
- 내배위의고양이
- 접근성
- 2020
- classList
- chart responsive
- windowwidth
- classList remove
- 안짤렸다
- ROUTER 버전6
- 배열중복제거
- 방심은금물
- 커스텀훅
- 언젠간가겠지
- 퍼블리싱
Archives
- Today
- Total
틈
vue.js 기본 설치 webpack 본문
1. node.js 설치(+npm 설치)
2. [선택] yarn
npm install -g yarn
3. vue 설치
yarn global add @vue/cli
4. [선택] bootstrapVue 설치(예제로 빠르게 진행하기 위해..)
yarn add vue bootstrap bootstrap-vue
import Vue from 'vue'
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
// Import Bootstrap an BootstrapVue CSS files (order is important)
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
// Make BootstrapVue available throughout your project
Vue.use(BootstrapVue)
// Optionally install the BootstrapVue icon components plugin
Vue.use(IconsPlugin)
5. vue-router 설치
yarn add vue-router
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
or with vue-cli
vue add bootstrap-vue
============
**__localStorage 사용을 위한 번들러
1. lowdb
npm i lowdb
2. lodash
npm i lodash
**예제를 진행하면서 계속 추가할 예정입니다.
'code > Vue.js' 카테고리의 다른 글
[Vue3] SCSS 버전 에러 (0) | 2024.09.06 |
---|---|
[Vue.js] router 사용하기 (0) | 2021.08.30 |
[Vue.js] transition 적용하기 (0) | 2021.08.28 |
[Vue.js] props, $emit, $event, v-model, watch (0) | 2021.08.26 |
Comments