用vue做桌面应用程序_使用Vue.js的本机桌面应用程序

用vue做桌面应用程序

维多 (vuido)

Create native desktop applications for Windows, OS X and Linux using Vue.js.

使用Vue.js为Windows，OS X和Linux创建本机桌面应用程序。

Vuido makes it possible to create lightweight, native desktop applications using Vue.js. Application using Vuido can run on Windows, OS X and Linux, using native GUI components, and don't require Electron.

Vuido使得使用Vue.js创建轻量本机桌面应用程序成为可能。 使用Vuido的应用程序可以使用本机GUI组件在Windows，OS X和Linux上运行，并且不需要Electron。

View Documentation 查看文档 Download Source 下载源

Under the hood, Vuido uses the libui library which provides native GUI components for each desktop platform, and the libui-node bindings for Node.js.

在幕后，Vuido使用了libui库，该库为每个桌面平台提供了本机GUI组件，并为Node.js提供了libui-node绑定。

Vuido supports most of the standard Vue.js API and it's compatible with many Vue.js extensions, for example Vuex. Applications using Vuido can also use all standard Node.js modules and any packages compatible with Node.js.

Vuido支持大多数标准Vue.js API，并且与许多Vue.js扩展兼容，例如Vuex。 使用Vuido的应用程序还可以使用所有标准Node.js模块以及与Node.js兼容的任何软件包。

先决条件 (Prerequisites)

The following prerequisites are needed to compile libui-node, which is used by Vuido.

需要以下先决条件才能编译Vuido使用的libui-node。

Windows

视窗

• windows-build-tools or Visual Studio 2015

  Windows生成工具或Visual Studio 2015

• Visual C++ Redistributable Package for Visual Studio 2013

  适用于Visual Studio 2013的Visual C ++可再发行组件包

Linux If they are not provided by default in your distribution:

Linux如果您的发行版中默认未提供它们：

• build-essential

  必要的

• GTK+ 3

  GTK + 3

OS X

OS X

• Xcode

  Xcode

快速设置 (Quick setup)

The easiest way to start using Vuido is to use vue-cli to create the scaffolding of the project.

开始使用Vuido的最简单方法是使用vue-cli创建项目的脚手架。

First make sure that vue-cli is installed globally:

首先确保vue-cli已全局安装：

npm install -g vue-cli

Run the following command to create the project (replace my-project with the name of your project):

运行以下命令以创建项目(将my-project替换my-project名称)：

vue init mimecorg/vuido-webpack-template my-project

Enter the directory created by vue-cli and install all dependencies:

输入由vue-cli创建的目录并安装所有依赖项：

cd my-project
npm install

Now you can build and run your application:

现在，您可以构建并运行您的应用程序：

npm run build
npm start

翻译自: https://vuejsexamples.com/native-desktop-applications-using-vue-js/

用vue做桌面应用程序