在當(dāng)前互聯(lián)網(wǎng)時(shí)代,我們發(fā)現(xiàn)越來(lái)越多的企業(yè)、網(wǎng)站和個(gè)人在開(kāi)發(fā)過(guò)程中使用Vue進(jìn)行前端開(kāi)發(fā)。Vue作為一種非常優(yōu)秀的輕量級(jí)前端框架,其輕便簡(jiǎn)潔、易用靈活等許多優(yōu)勢(shì),讓它在全球范圍內(nèi)得到了廣泛的應(yīng)用。
而現(xiàn)在,Vue的電腦版APP也已經(jīng)面世,成為了Vue前端開(kāi)發(fā)的新選擇。Vue電腦版APP使用Electron實(shí)現(xiàn)了在桌面應(yīng)用程序中使用Vue.js的基礎(chǔ)層,集成了node.js和chromium,可充分利用Web前端開(kāi)發(fā)水平快速開(kāi)發(fā)桌面應(yīng)用程序。
實(shí)際上,Vue電腦版APP與Vue.js的開(kāi)發(fā)幾乎相同,對(duì)于Vue.js熟手來(lái)說(shuō),Vue電腦版APP上手較為容易。而對(duì)于剛起步開(kāi)發(fā)者來(lái)說(shuō),Vue電腦版APP也是一項(xiàng)非常好的學(xué)習(xí)工具。使用Vue電腦版APP開(kāi)發(fā)桌面應(yīng)用程序,開(kāi)發(fā)者可以更加專注于應(yīng)用程序?qū)崿F(xiàn),同時(shí)還可以更好地獲取用戶界面的反饋信息。
1. 安裝 & 運(yùn)行 Vue電腦版APP npm install electron -g npm install -g vue-cli vue init simulatedgreg/electron-vue my-project cd my-project npm install npm run dev
Vue電腦版APP的安裝及運(yùn)行僅需按照上述指令即可完成,完全相當(dāng)于Vue.js的安裝及運(yùn)行。在按照指令后,開(kāi)發(fā)者可以看到一個(gè)桌面應(yīng)用程序空殼子,程序上方欄有一個(gè)菜單條,左邊是程序名稱,右邊有程序最小化、最大化、關(guān)閉按鈕,對(duì)于習(xí)慣于使用桌面應(yīng)用程序的用戶來(lái)說(shuō),這種界面非常符合常規(guī)使用體驗(yàn)。
總的來(lái)說(shuō),Vue電腦版APP的功能與Vue.js的開(kāi)發(fā)非常相似,支持開(kāi)發(fā)者基于Vue模板開(kāi)發(fā),支持使用Electron擴(kuò)展桌面應(yīng)用程序功能,同時(shí)提供一系列開(kāi)發(fā)調(diào)試工具輔助開(kāi)發(fā),開(kāi)發(fā)者可以通過(guò)Vue電腦版APP開(kāi)發(fā)出用戶體驗(yàn)優(yōu)秀、功能齊全的桌面應(yīng)用程序。我們相信,Vue電腦版APP將會(huì)成為Vue前端開(kāi)發(fā)領(lǐng)域中一個(gè)重要的選擇。