请教前端同胞，如何快速搭建一个后台管理的前端项目

[donggua997]

如题，我是后端，最近想做个简单后台项目，顺便熟悉一下：
前后端打包、部署、devops 到 k8s ，整个流程。

目前困难是：前端的 vue 项目很难开始。
也在 b 站看了 vue 教程，但是毕竟练习少 看完了依然不好上手；
最近看了 github 上有模版项目如 vue-admin-template ，通过这种方式上手合适么，有没有效率更高的学习方式

[justin2018]

Strapi - Open source Node.js Headless CMS 🚀
https://strapi.io/

Appwrite - Open-Source End-to-End Backend Server
https://appwrite.io/

[webfamer]

我用的 react ，直接 umi 配置一下就好了

[smilingsun]

前一段时间看到这个项目（虽然是 React 的，但是感觉 Vue 应该也可以这么做），感觉不错，在灵活和约定俗成之间尝试找平衡

https://github.com/refinedev/refine

https://user-images.githubusercontent.com/18739364/200257209-8fc0c8b1-2568-453e-873f-00513434deed.png

[xqk111]

React ，直接看 antd pro ，生成写好的，省事

[xqk111]

https://pro.ant.design/zh-CN

[IamCyborg]

@xiaoxiaoming01 好了 我脱离 vue 教，遁入 react 教了，大哥教教我 8

[isbase]

了解一下 umi max

[42vov]

@Dragonphy 好，我加入👻

[heng1025]

好巧，我不是 vue 教，为了侵入内部，我也造了一个 starter, 看这里 https://github.com/heng1025/vue-admin-vite

[ZoeeoZ]

如果会 vue,vue-element-admin 应该就是最快的了,vue 的模板语法最简单,简单的增删改查逻辑也不需要像 react 需要额外付出精力

[Ufo666]

我直接用的 antd-vue-admin

[hotcool100]

https://github.com/budwk/budwk/tree/v8.x/wk-vue3-admin

[lete]

svelte 和 solid 才是未来的方向，vue 也在筹备无 runtime 目前貌似是处于私有仓库的状态

[lueluev]

后端上手 angular 最快啊 真的

[lizy0329]

1. 不建议使用那些 XXX-ADMIN 的管理模板，学习成本十分高
2. 使用 astro 作为引擎，vue + tailwind/windi/unocss + zag/headlessUI 作为核心
3. 去一些 tailwind 模板里拷贝模块，你需要用什么就拷什么
4. 提交你的代码

[jry]

可以试试我的框架，专门为后端而生的 vue 自动渲染后台，https://uiadmin.net ，无需学习任何前端知识。

[chrosing]

@xiaoxiaoming01 #1 我后端,我愿意加入 react 教,请(恩赐)学习方法 :doge

[SilentDepth]

@lizy0329 #55 Astro 搞后台项目？选错技术方向了吧

[fackVL]

ruoyi 分离版欢迎你

[SilentDepth]

楼主这个要求有点难。快速搭建一个管理后台那肯定是用工程模板最快，element-admin 、AntD Pro 啥的都行。但如果想同时学习前端技术（比如 Vue ），这反而不是推荐的方法，因为管理后台这种项目往往隐含着一大堆各个方面的工程实践经验，零基础进去容易出不来。打包部署这些倒不是问题。

如果楼主就是想快速出东西，对工作原理、机制哲学无所谓或者不急着弄明白，那先对一些核心概念产生感性的认识，知道怎么用就行了。比如以 Vue 为例，最核心的就是组件化和状态管理，具体实践上能用现成的库就不造轮子，先整出一个看得到的东西出来，然后在这个基础上一步步加其他业务，比如用户验证、角色管理等。这个过程中，但凡能在后端实现的先丢给后端，减少前端部分的复杂度。毕竟是学习，没必要上来就挑战高难度。把前端的玩法搞明白后再移回来就是了。当然，这一切的前提是 JS 基础要有，不然先抛开一切学一下 Vanilla JS 比较好。

如果想要更高效地学习，建议找个老师带，可以事半功倍。