登录
    Technology changes quickly but people's minds change slowly.

vue 编写桌面客户端应用

开源分享 破玉 2167次浏览 0个评论

简介

        前端也是可以编写客户端应用的,一般常用的就是electron(使用前端技术编写跨平台的客户端应用),其实说白了就是在前端外面加了个浏览器的壳,Chromium为Electron提供强大的UI能力,可以在不考虑兼容性的情况下开发界面,同时兼具Node.js是一个让JavaScript运行在服务端的开发平台,Node使用事件驱动,非阻塞I/O模型而得以轻量和高效。。单单靠Chromium是不能具备直接操作原生GUI能力的,Electron内集成了Nodejs,这让其在开发界面的同时也有了操作系统底层API的能力,Nodejs 中常用的 Path、fs、Crypto 等模块在 Electron 可以直接使用。
        Electron的特点就是可以复用前端的各种轮子。所以它开发快,招人方便。另外现在所有的跨平台桌面框架,除掉那些非主流没几个人用的外,也就是nwjs、electron、cef、qt了。nwjs和electron基本是一样的,剩下cef需要一定c++功底才能用。qt就需要更多c++了。其实大部分人没得选,就算electron性能慢,体积大导致启动慢,也不得不捏着鼻子用。

electron-vue

        electron-vue 充分利用 vue-cli 作为脚手架工具,加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等。使我们借助vue快速开发跨平台客户端应用。
基本使用如下:

# 安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue magic-elec

# 安装依赖并运行你的程序
cd magic-elec
yarn # 或者 npm install 或者 npm install --registry=https://registry.npm.taobao.org
yarn run dev # 或者 npm run dev

运行成功后如下:

然后我们就可以使用vue 愉快的开发客户端应用了,但是开发出来的electron程序会性能慢,体积大导致启动慢。
官方教程如下:
https://simulatedgreg.gitbooks.io/electron-vue/cn/


华裳绕指柔, 版权所有丨如未注明 , 均为原创|转载请注明vue 编写桌面客户端应用
喜欢 (2)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址