{"repo":"royalknight56/vtron","free":true,"listed":false,"github":"https://github.com/royalknight56/vtron","clone":"git clone https://github.com/royalknight56/vtron.git","description":"Win10 Style Frontend Framework built with Vue3.基于Vue3的win10风格的UI框架. windows10 in vue3","language":"Vue","stars":445,"topics":["vue","win10","vue3","windows","css","js","typescript","windows-10","ui","vue3-typescript"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"vtron, 基于Vue3的 Win10 UI 框架 文档 官网 样例 推荐 Vue 3 + Typescript + Vite English 中文 本框架可以让你的页面像win10视窗系统一样，运行一个网页上的win10系统。 优势： 文件系统：可以上传文件预览显示编辑。长时间保存。 终端系统：终端控制文件。 js执行：保存的js文件可以执行。 软件商店：下载的软件可以长时间保存。 开发时插件机制，控制system的状态。 qq群：712921211 最新更新日志 更新demo项目的主页，浏览器，以及添加flac音乐播放器 提交应用 如果您开发了基于vtron的应用，或能用在vtron中，请在issue中贴上仓库链接或代码 开发流程 使用 Github 模版 1. 创建项目 https://github.com/royalknight56/vtron-template 从这个模版仓库创建新的项目。 2. clone 项目 git clone 已经创建好的项目 3. 修改 apps 目录下的文件，或者新建 app 使用 npm，从创建好的 vue 项目开始 1. 安装 vtron npm install vtron 2. 在 vue 中 引入样式文件 引入样式文件\"vtron/distlib/style.css\" main.ts 结果 注意⚠️：0.7版本不需要再use Vtron插件 3. 在页面中引入 VtronComputer 组件和创建 System 实例 我们需要创建一个 System 实例，这个实例管理着系统的所有状态信息。 并且需要在vue组件模版中写入 VtronComputer 组件 将new出来的 System 实例传入到 VtronComputer 组件的 system 参数中 此步骤之后，run dev 已经可以看到 win10 启动了 4. 控制屏幕 🖥 大小 在组件外围包裹一个 outer 定义 outer 样式 这样就是占据全部页面显示 4. 在 apps 文件夹下新建 vue 文件，主要在此文件夹中编写窗口内容 也可以在其他文件夹下， 这次，我们创建一个 Hello.vue 文件， 5. 在 system 中注册 app 在 system 的构造函数传入配置项， 其中 desktop 是桌面的配置项，可以配置多个 app 配置之后，软件的图标，快捷方式会显示在桌面上 注意! 需要点击开始菜单中的电源按钮，再点击恢复，才能看到 app 注册之后，需要点击开始菜单中的电源按钮，再点击恢复，才能看到 app 这样是为了使得系统重回第一次启动的状态，这样 vtron 才会在桌面重新添加图标 窗口中的操作 下面是包含了部分api操作的示例 创建一个窗口 在一个应用中，可以使用 BrowserWindow 类创建一个窗口 通过实例化 BrowserWindow 类，可以创建一个窗口，然后通过 show 方法显示出来 还有另一种方法，通过system的 createWindow 方法创建窗口 这两种方法有细微的区别， system.createWindow 创建的窗口，是在当前系统中创建的窗口， 而 BrowserWindow 创建的窗口是没有指定 system 的，之所以会在当前 system 显示出来窗口，是因为 BrowserWindow 类默认是当前的 system 。 可以通过 BrowserWindow.system 查看到当前 BrowserWindow 的默认 system ，一般是最后创建的 system ","default_branch":null,"files":null,"tree":[],"storefront":"/r/royalknight56","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/royalknight56/vtron/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}