程序员想开发漂亮的个人网站是不是用 react 会比 vue 简单一些？

[LeeReamond]

定义：

• 程序员：只会写代码，不懂设计
• 漂亮的网站：设计比较现代化的，过渡的动画样式比较丰富的
• 个人网站：有高定制性要求的，不适合直接拷贝一个开源方案的

我的情况是 vue 写过一些项目，react 完全没学。后端程序员的个人网站，不是专业前端，不要求商业化级别，但是我十分想把网站做得好看，主页点开看起来各种元素的设计，交互方式都比较现代化的那种感觉，不太想要搞一个打开以后看起来干巴巴的。

但是我也不是学平面设计的，外加实在没有工时，比如说一个按钮写几百行代码，一个人做怕是要累死了。所以感觉路径就是通过使用开源的组件库，人家设计好的样式我去调用这样。不过目前用 vue 的感觉，不论是 vue2 时代还是 vue3 时代，我对 vue3 的功能性倒是没有任何抱怨，我觉得已经足够好用了，但是感觉组件库生态还是很薄弱。常见的一些库，elementplus 我觉得设计得不好看。vuetify 我觉得设计得挺好看的，动画交互比较复杂了，但是我感觉定制性很差啊，很多时候连把元素放到合适的位置和大小都做不到。。

最近也看了很多 v 站发个人网站的，感觉各有各的问题，现在在想是不是换个工具以后开源生态会好不少，就会有那种既有成熟的组件库，也不会定制起来比较难用的？

[chihiro2014]

前端框架和 UI 是两码事。
建议使用 Angular + Flowbite/Tailwind
或者可以看看 uiverse 去看看

[ecnelises]

个人网站为什么要纠结 React 还是 Vue ？如果你的网站一没有复杂的交互，二只有一个人开发，三需要快速简洁，用这几个框架（也包括 ng ）就是本末倒置，杀鸡用牛刀。如果你是一个专业前端，对某个框架非常熟悉，出于习惯用它写个人网站没啥问题，但 OP 不是这种情况。

以前的人用 jQuery 是因为浏览器普遍兼容性特别差，jQuery 能够抹平很多浏览器兼容性问题。现在 2024 年了，主流浏览器（ Safari 、Firefox 、Chrome 、Edge ）可以放心使用现代 API 。个人网站以内容为主，不需要多少 JS ，你说的 Vue 、React 这些东西本身也没法帮你解决动画这些问题，反倒几行 CSS 就能搞定。

如果你不想写 CSS ，也有 Tailwind 这种东西，让 GPT 生成一组用 Tailwind 的 HTML ，自己改改就能上线，用前端框架说不定还在折腾工具链。

[chihiro2014]

@ecnelises angular 天生适合写原生 html 和 css 。搭配 tailwind 薄纱 react 和 vue 。。。没用过别乱说。顺带 Flowbite 是在 tailwind 基础上二次封装

[DeWjjj]

考虑到学习成本直接 vue+nuxtui(base tailwindcss)，可以让你获得快乐。
不谈爆傻，vuejs 让你写起来不像前端，光是这个从学习角度就非常乐呵了。

[LeeReamond]

@DeWjjj
@ecnelises 主要问题是啥呢，楼上三个老哥回帖，只有一楼老哥是看完我问的啥再回帖的。我说我对 vue3 的功能性没有任何抱怨，但是是不是 react 的生态能写的漂亮，然后一个老哥说你纠结个什么语言，一个老哥说 vue 写起来学习成本低，我一脸问号，我也没说这个啊。

@chihiro2014 听起来很棒，但是感觉用 angular 不太符合现在需求，写网站写的好看是一半需求，另外一半需求可能说这个语言或者技术有外溢价值。vue 和 react 都有一定的外溢价值，起码 vue 简单么，react 找工作通用，虽然我不一定找这个工作。相比之下我感觉现在其他东西是不太符外溢性的。

[fuyun]

框架是解决工程问题，UI 才是你说的设计问题，而交互问题是 UE/UX 范畴，不是一个概念。
各大框架的技术栈都有相应的 UI 库，现在用的多的是 antd 系列，但不适合你说的个人网站。而且本身 UI 库和个性化就是冲突的，UI 库的出发点就是解决通用性的设计问题，减少重复劳动。你要说方便定制化的，那肯定是原生 JS 或 jQuery 生态。
ps.自己刚好在重构（重写）网站，放弃了 Angular 之上的 SSR 方案，选择原生+jQuery 方式，UI 采用自定义+Bootstrap 定制，毕竟如你所说，2C 的网站定制化程度太高，已经不适合框架和 UI 库了……

[LeeReamond]

@fuyun 感觉 JQuery 相较于 mvvm 框架来说生产力还是太低了，自定义 Bootstrap 我没接触过，不知道是直接使用别人的开源产品还是需要自己写，如果需要自己写感觉虽然有完全掌控力，但是实在是太累了，没有设计学知识做出来也很难好看。

不过其实这些组件库，说到底也不需要有多高的定制性，我只是感觉像什么大小，位置之类的不要说全程都必须用你的组件库内部元素才能生效，外部加个自定义 div 之类的样式传导就会出现 bug

[kongkx]

headless ui 这种思路可以看看。

现在基于 tailwind 的样式库真的多。

另外 alpine + tailwind 后端输出页面，小交互写起来也很爽的。

[murmur]

用样式库就和漂亮没关了，你需要美工、设计师

[Amose2024]

React 和 Vue 都是前端框架，通常情况下彼此都能相互实现的，用这用那，其实没什么本质区别，不用纠结，熟悉哪个就用哪个。CSS 找漂亮的模板学着改改，也差不多能定制了。找不到，再找人推荐推荐，也问题不大。

[ZGame]

@LeeReamond #7 一个网页 c 端,需要多重...

[dj721xHiAvbL11n0]

要不你去 Astro 官网看看他们官方的 Theme ，很不错
blog.ll1025.cn 就是基于里面某个主题改了一些

[jojobo]

贴个自己的个人网站： https://azhubaby.com
自己设计的才好看，目前我也重构了自己的个人网站，这一版换掉 tailwindcss 的样式，改用 shadcnUI ，怎么说呢，就自己折腾吧，看到好看的就改，也不知道重构几回了

[wolfan]

apline.js 你值得拥有。

[LeeReamond]

@jojobo 你这个就是我感觉典型廉价满满的那种设计

我倒不是说老哥做的不好，个人网站怎么喜欢怎么来就行。只是说在一种体现商业“高级感”的目的来说，你这个按钮连按下后的响应都没有的，hover 状态和按下状态没有任何区别。相较于人家那种设定过动画弹力曲线的，让人感觉按下去就很 Q 弹的，然后比如按下之后颜色变化逐帧看是有涟漪展开的那种，这种细节特别出质感，你这个相对来说就是白板了。

[bianhui]

用原生，jquery 也能写出漂亮的网站。而且对于美认定很难。千万级保时捷设计师设计出来的车也不是所有人都觉得美。所以你可以尝试抄一些好看的网站

[caixiaomao]

感觉 react 的 ui 库更丰富一点

[flytsuki]

漂亮网站需要 ui 和学好 css ，哪怕你用 jquery 都能做好看

[Quetalocatl]

建議樓主先去學習一下 figma

[Track13]

好看请找 css ，交互请找 js 。你在这比较 vue 和 react 有什么意思？还是你想问那边生态的 ui 库更好看？