electronVue+bootstrapVue搭建桌面應(yīng)用開(kāi)發(fā)環(huán)境

warnerwu 發(fā)布于2019-08-21 17:30 / 511人閱讀

摘要：下安裝安裝和腳手架樣板代碼安裝依賴(lài)并運(yùn)行你的程序環(huán)境下安裝在你的入口文件中注冊(cè)組件，并且相應(yīng)的代碼實(shí)例

1.npm下安裝electron

npm install electron -g

2.安裝 vue-cli 和腳手架樣板代碼

npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

3.安裝依賴(lài)并運(yùn)行你的程序

cd my-project
npm install
npm run dev

4.webpack環(huán)境下安裝bootstrapvue

npm i bootstrap-vue bootstrap@4.0.0-beta.2

5.在你的vue入口文件中注冊(cè)bootstrapvue組件，并且import相應(yīng)的css

import "bootstrap/dist/css/bootstrap.css"
import "bootstrap-vue/dist/bootstrap-vue.css"

import Vue from "vue"
import BootstrapVue from "bootstrap-vue"

Vue.use(BootstrapVue);

代碼實(shí)例
Index.vue

main.js

import Vue from "vue"
import BootstrapVue from "bootstrap-vue"
import axios from "axios"

import App from "./App"
import router from "./router"
import store from "./store"
import "bootstrap/dist/css/bootstrap.css"
import "bootstrap-vue/dist/bootstrap-vue.css"

if (!process.env.IS_WEB) Vue.use(require("vue-electron"))
Vue.http = Vue.prototype.$http = axios
Vue.config.productionTip = false
Vue.use(BootstrapVue)
/* eslint-disable no-new */

new Vue({
  components: { App },
  router,
  store,
  template: ""
}).$mount("#app")

云服務(wù)器 GPU云服務(wù)器搭建開(kāi)發(fā)環(huán)境開(kāi)發(fā)環(huán)境搭建安卓開(kāi)發(fā)環(huán)境搭建前端開(kāi)發(fā)環(huán)境搭建

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/89587.html

相關(guān)文章

關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評(píng)論0 收藏0
關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評(píng)論0 收藏0
OpenStack虛擬云桌面在攜程呼叫中心的應(yīng)用

摘要：一為什么要使用虛擬云桌面背景攜程呼叫中心，即服務(wù)聯(lián)絡(luò)中心，是攜程的核心部門(mén)之一，現(xiàn)有幾萬(wàn)員工。他們?nèi)晷r(shí)為全球攜程用戶(hù)提供服務(wù)。為此，攜程正式引入了虛擬云桌面。攜程云桌面現(xiàn)狀攜程云桌面現(xiàn)已部署上海南通如皋合肥信陽(yáng)穆棱六個(gè)呼叫中心。編者：本文為劉科在第六期【攜程技術(shù)微分享】中的分享內(nèi)容。在攜程技術(shù)中心(微信號(hào)ctriptech）微信后臺(tái)回復(fù)【云桌面】，可加入微信交流群，和關(guān)注云桌面的...

EsgynChina 2019-06-28 10:51 評(píng)論0 收藏0
OpenStack虛擬云桌面在攜程呼叫中心的應(yīng)用

摘要：一為什么要使用虛擬云桌面背景攜程呼叫中心，即服務(wù)聯(lián)絡(luò)中心，是攜程的核心部門(mén)之一，現(xiàn)有幾萬(wàn)員工。他們?nèi)晷r(shí)為全球攜程用戶(hù)提供服務(wù)。為此，攜程正式引入了虛擬云桌面。攜程云桌面現(xiàn)狀攜程云桌面現(xiàn)已部署上海南通如皋合肥信陽(yáng)穆棱六個(gè)呼叫中心。編者：本文為劉科在第六期【攜程技術(shù)微分享】中的分享內(nèi)容。在攜程技術(shù)中心(微信號(hào)ctriptech）微信后臺(tái)回復(fù)【云桌面】，可加入微信交流群，和關(guān)注云桌面的...

biaoxiaoduan 2019-06-24 17:49 評(píng)論0 收藏0