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

fxp 發布于2019-08-21 17:18 / 447人閱讀

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

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

//安裝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

運行起來了

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89375.html

vue-electron制作網易云音樂客戶端

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

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

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

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

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

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