代码拉取完成,页面将自动刷新
中文 | English
ronna-screen
是一款开源免费且开箱即用的中后台管理系统模版。完全采用 ECMAScript
模块(ESM
)规范来编写和组织代码,使用了最新的 Vue3
、Vite
、Element-Plus
、Echarts
、TypeScript
、Pinia
、Tailwindcss
等主流技术开发
Gitpod
在 Gitpod
(适用于 GitHub
的免费在线开发环境)中打开项目,并立即开始编码.
GitHub
上拉取git clone https://github.com/ronnaces/ronna-screen.git
cd ronna-screen
pnpm install
pnpm dev
pnpm build
ronna-screen
的镜像(请注意下面命令末尾有一个点 .
表示使用当前路径下的 Dockerfile
文件,可根据实际情况指定路径)docker build -t ronna-screen .
docker
容器(8080:80
:表示在容器中使用 80
端口,并将该端口转发到主机的 8080
端口;ronna-screen
:表示自定义容器名;ronna-screen
:表示自定义镜像名)docker run -dp 8080:80 --name ronna-screen ronna-screen
操作完上面两个命令后,在浏览器打开 http://localhost:8080
即可预览
当然也可以通过 Docker Desktop 可视化界面去操作 docker
项目,如下图
非常欢迎您的加入!提一个 Issue
或者提交一个 Pull Request
Pull Request:
git checkout -b feat/xxxx
git commit -am 'feat(function): add xxxxx'
git push origin feat/xxxx
pull request
Git
贡献提交规范feat
增加新功能fix
修复问题/BUGstyle
代码风格相关无影响运行结果的perf
优化/性能提升refactor
重构revert
撤销修改test
测试相关docs
文档/注释chore
依赖更新/脚手架配置修改等workflow
工作流改进ci
持续集成types
类型定义文件更改wip
开发中本地开发推荐使用 Chrome
、Edge
、Firefox
浏览器,作者常用的是最新版 Chrome
浏览器
实际使用中感觉 Firefox
在动画上要比别的浏览器更加丝滑,只是作者用 Chrome
已经习惯了,看个人爱好选择吧
更详细的浏览器兼容性支持请看 Vue 支持哪些浏览器?
和 Vite 浏览器兼容性
IE | Edge | Firefox | Chrome | Safari |
---|---|---|---|---|
不支持 | 最后两个版本 | 最后两个版本 | 最后两个版本 | 最后两个版本 |
完全免费开源
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。