본문 바로가기
Programming/Javascript

Electron-vue 보일러플레이트 만들기

by Wilkyway 2022. 6. 22.
반응형

1. Vue 프로젝트 시작

vue create . //폴더를 먼저 만들고 해당 폴더를 프로젝트 폴더로 하여 생성

 

2. Electron-Builder 설치

이거 설치하고 테스트를 해본다.

vue add electron-builder

 

3. 배포 테스트

npm run electron:build

 

4. Router 설치

 

vue add router

 

- App.vue파일이 자동으로 업데이트 됨

<template>
  <div id="nav">
    <router-link to="/">Home</router-link>
    <router-link to="/about">About</router-link>
  </div>
  <router-view>
</template>

- ./views/HomeView.vue와 /views/AboutView.vue 파일이 자동 생성됨-

- ./router/index.js 파일이 자동 생성됨

 

5. Bootstrap-vue 설치

npm install bootstrap-vue bootstrap

 Bootstrap-vue 설정 (main.js)

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

 

6. 기타 라이브러리 설치

npm i axios, vuex
반응형

댓글