Windows10 网页版 上线！最具扩展性的webos
admin 阅读： 2024-03-30
| 后台-插件-广告管理-内容页头部广告（手机） |
模仿Windows10 UI 框架 Vue3
点击进入github 链接: https://github.com/royalknight56/win10-vue3
点击体验webos https://vtron.site/
本框架可以让你的页面像win10视窗系统一样，运行一个网页上的win10系统。
本框架可能是最具扩展性的webos
本框架相较于其他的特点是，
具有文件系统，
shell命令系统
有可执行文件系统，
可通过插件，和app进行扩展
开发流程
使用Github模版
- 创建项目
https://github.com/royalknight56/vtron-template
从这个模版仓库创建新的项目。
- clone项目
git clone 已经创建好的项目
- 修改apps目录下的文件，或者新建app
使用npm，从创建好的vue项目开始
- 安装vtron
npm install vtron
- 在vue中use插件
- 1
引入样式文件"vtron/distlib/style.css"
import "vtron/distlib/style.css"- 1
usage
import { createApp } from 'vue' import App from './App.vue' import vtron from 'vtron'; import "vtron/distlib/style.css" createApp(App).use(vtron).mount('#app')- 1
- 2
- 3
- 4
- 5
- 6
- 在页面中引入Screen组件
首先，我们需要创建一个system对象，这个对象管理着系统的所有状态信息。
// App.vue- 1
- 2
- 3
- 4
- 5
- 6
此步骤之后，run dev已经可以看到win10启动了
- 控制屏幕
声明
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
在线投稿：投稿 站长QQ：1888636
| 后台-插件-广告管理-内容页尾部广告（手机） |
