摘要:最近學(xué)習(xí),發(fā)現(xiàn)一個(gè)腳手架,不僅集成好了等等,甚至打包工具打包命令都一并準(zhǔn)備好了,實(shí)在是太方便了。于是產(chǎn)生了通過(guò)制作一個(gè)簡(jiǎn)單的桌面應(yīng)用,邊做邊學(xué)的想法。
最近學(xué)習(xí)vue,發(fā)現(xiàn)一個(gè)electron腳手架,不僅集成好了electron、vue、vue-state、vue-route、webpack等等,甚至打包工具打包命令都一并準(zhǔn)備好了,實(shí)在是太方便了。于是產(chǎn)生了通過(guò)electron+vue制作一個(gè)簡(jiǎn)單的桌面應(yīng)用,邊做邊學(xué)的想法。廢話不多說(shuō),現(xiàn)在開(kāi)始吧。
安裝
//安裝vue-cli npm i vue-cli -g //這里my-project換成自己的項(xiàng)目名稱 vue init simulatedgreg/electron-vue my-project
接下來(lái)按照提示一步一步選擇,是否使用esline,是否使用各種測(cè)試工具,選擇打包方式(有electron-builder和electron-packager)
//切換到項(xiàng)目目錄 cd my-project //安裝依賴的包 npm i //運(yùn)行 npm run dev
運(yùn)行起來(lái)了
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/89375.html
摘要:很好,前端任務(wù)又來(lái)了,開(kāi)發(fā)過(guò)程中踩了不少坑,一個(gè)缺點(diǎn)就是體積大。切入正題,通過(guò)對(duì)的一些了解,業(yè)余時(shí)間通過(guò)搭建了一個(gè)網(wǎng)易云音樂(lè)客戶端,因?yàn)闀r(shí)間關(guān)系只做了客戶端的核心部分,有時(shí)間更新,這個(gè)項(xiàng)目會(huì)堅(jiān)持做下去。 前言 就在兩個(gè)月前公司需求快速開(kāi)發(fā)一款桌面應(yīng)用軟件,嗯,快速。 并且提供了技術(shù)方案Nwjs,起初不知道這款框架的存在,網(wǎng)上查找了一波,發(fā)現(xiàn)更牛逼的一款快速搭建桌面應(yīng)用的框架,那么它就是...
摘要:上一篇制作桌面應(yīng)用自定義標(biāo)題欄中我們介紹了如何使用制作自定義樣式的標(biāo)題欄接下來(lái),我們介紹一下標(biāo)題欄上的最大化最小化和關(guān)閉按鈕如何實(shí)現(xiàn)首先查閱文檔部分,我們發(fā)現(xiàn)已經(jīng)準(zhǔn)備好和三個(gè)方法供我們調(diào)用了。 上一篇:electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄中我們介紹了如何使用electon制作自定義樣式的標(biāo)題欄接下來(lái),我們介紹一下標(biāo)題欄上的最大化、最小化和關(guān)閉按鈕如何實(shí)現(xiàn) 首先查閱ele...
摘要:上一篇制作桌面應(yīng)用自定義標(biāo)題欄中我們介紹了如何使用制作自定義樣式的標(biāo)題欄接下來(lái),我們介紹一下標(biāo)題欄上的最大化最小化和關(guān)閉按鈕如何實(shí)現(xiàn)首先查閱文檔部分,我們發(fā)現(xiàn)已經(jīng)準(zhǔn)備好和三個(gè)方法供我們調(diào)用了。 上一篇:electron+vue制作桌面應(yīng)用--自定義標(biāo)題欄中我們介紹了如何使用electon制作自定義樣式的標(biāo)題欄接下來(lái),我們介紹一下標(biāo)題欄上的最大化、最小化和關(guān)閉按鈕如何實(shí)現(xiàn) 首先查閱ele...
閱讀 3389·2021-11-22 09:34
閱讀 663·2021-11-19 11:29
閱讀 1365·2019-08-30 15:43
閱讀 2245·2019-08-30 14:24
閱讀 1879·2019-08-29 17:31
閱讀 1237·2019-08-29 17:17
閱讀 2625·2019-08-29 15:38
閱讀 2743·2019-08-26 12:10