electron+vue制作桌面應用--前言

fxp 發(fā)布于2019-08-21 17:18 / 442人閱讀

摘要：最近學習，發(fā)現(xiàn)一個腳手架，不僅集成好了等等，甚至打包工具打包命令都一并準備好了，實在是太方便了。于是產(chǎn)生了通過制作一個簡單的桌面應用，邊做邊學的想法。

最近學習vue，發(fā)現(xiàn)一個electron腳手架，不僅集成好了electron、vue、vue-state、vue-route、webpack等等，甚至打包工具打包命令都一并準備好了，實在是太方便了。于是產(chǎn)生了通過electron+vue制作一個簡單的桌面應用，邊做邊學的想法。廢話不多說，現(xiàn)在開始吧。
安裝

//安裝vue-cli
npm i vue-cli -g
//這里my-project換成自己的項目名稱
vue init simulatedgreg/electron-vue my-project

接下來按照提示一步一步選擇，是否使用esline，是否使用各種測試工具，選擇打包方式（有electron-builder和electron-packager）

//切換到項目目錄
cd my-project
//安裝依賴的包
npm i
//運行
npm run dev

運行起來了

GPU云服務器云服務器 webrtc結(jié)合electron桌面分享 vue webrtc 桌面共享桌面制作軟件阿里云輕應用服務器部署vue

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/89375.html

vue-electron制作網(wǎng)易云音樂客戶端

摘要：很好，前端任務又來了，開發(fā)過程中踩了不少坑，一個缺點就是體積大。切入正題，通過對的一些了解，業(yè)余時間通過搭建了一個網(wǎng)易云音樂客戶端，因為時間關系只做了客戶端的核心部分，有時間更新，這個項目會堅持做下去。前言就在兩個月前公司需求快速開發(fā)一款桌面應用軟件，嗯，快速。并且提供了技術方案Nwjs，起初不知道這款框架的存在，網(wǎng)上查找了一波，發(fā)現(xiàn)更牛逼的一款快速搭建桌面應用的框架，那么它就是...

Lin_YT 2019-08-21 11:59 評論0 收藏0
electron+vue制作桌面應用--自定義標題欄最大/小化和關閉

摘要：上一篇制作桌面應用自定義標題欄中我們介紹了如何使用制作自定義樣式的標題欄接下來，我們介紹一下標題欄上的最大化最小化和關閉按鈕如何實現(xiàn)首先查閱文檔部分，我們發(fā)現(xiàn)已經(jīng)準備好和三個方法供我們調(diào)用了。上一篇：electron+vue制作桌面應用--自定義標題欄中我們介紹了如何使用electon制作自定義樣式的標題欄接下來，我們介紹一下標題欄上的最大化、最小化和關閉按鈕如何實現(xiàn) 首先查閱ele...

dinfer 2019-08-30 13:50 評論0 收藏0
electron+vue制作桌面應用--自定義標題欄最大/小化和關閉

摘要：上一篇制作桌面應用自定義標題欄中我們介紹了如何使用制作自定義樣式的標題欄接下來，我們介紹一下標題欄上的最大化最小化和關閉按鈕如何實現(xiàn)首先查閱文檔部分，我們發(fā)現(xiàn)已經(jīng)準備好和三個方法供我們調(diào)用了。上一篇：electron+vue制作桌面應用--自定義標題欄中我們介紹了如何使用electon制作自定義樣式的標題欄接下來，我們介紹一下標題欄上的最大化、最小化和關閉按鈕如何實現(xiàn) 首先查閱ele...

liukai90 2019-08-21 17:18 評論0 收藏0