vue.js 기본 설치 webpack 본문

code/Vue.js

vue.js 기본 설치 webpack

남우p 2021. 6. 14. 10:05

1. node.js 설치(+npm 설치)

https://nodejs.org/ko/

 

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