想请教下前端使用 vue 或 react 的问题？

[phpxiaowangzi]

如题，各位前端大佬，我想问下我一个后端只想用样式，是不是需要先用 vue 或 react 将页面设计好，然后用打包工具比如 webpack 打包成 css，然后直接 html 文件页面引用，还有就是能不能不用 vue 路由直接用 href 跳转呢？十分感谢。

[wensonsmith]

打了一堆字试图解释，发现不如你先试试 Vue 写一个 SAP 来的实在，自己做一遍就明白其中的道理了。

可以看看我写的这个文章吧 https://iwenson.com/react-with-tailwindcss-from-scratch/

[shintendo]

vue 和 react 不是样式库，跟样式没有关系，它们代替的是 jQuery 这种，写逻辑的
你需要的可能是类似 bootstrap 的 css library ？
或者是想用 ant-design 这种依赖 vue 或 react 的组件库？

[phpxiaowangzi]

我描述有点问题，就是我想用 react ui 框架的组件，比如 ant design，是不是需要用组件先把页面拼出来然后编译成相关的 js css 和 html 页面 然后来进行使用？

[Torpedo]

@phpxiaowangzi 你这不就是页面的一部分用 react 或者 vue 的 ui 组件么。当然可以。用 js 去写这块逻辑就行了

[shintendo]

@phpxiaowangzi 这种组件库一般是写 spa 的，编译出来就是一个 html，往静态资源里一丢就完事了，你说的使用是想怎么使用？前后端不分离？还是什么意思

[azcvcza]

@phpxiaowangzi webpack 做的事是，在页面上挂一堆闭包，闭包里就是你往 react，vue 里写的各种 shit 函数，至于你自己是不会想看打包过的 js 的。如果是想要直接在页面上引入 js 库，CSS 文件开发，建议使用 JQuery

[phpxiaowangzi]

@shintendo 就是这个意思，使用编译后的静态页面。

[phpxiaowangzi]

@azcvcza 主要是想用这些框架里的样式，本来想用 bootstrap 但是默认样式太丑了，自己对 css 也不太熟练

[shintendo]

@phpxiaowangzi 打包出来就是一个文件夹，里面一个 html，js 和 css 资源引用都组织好的，不用做任何改动，直接把整个文件夹往网站目录里一丢就能用了

[chenluo0429]

vue 和 react 不是 UI 库，不是样式库，而是一套开发框架，就好像 Spring 之于 Java 一样。想要写 Java 代码连接数据库，你显然需要 mysql-connector-java.jar 而不是 Spring

[Jacky23333]

就是你在编写 react 的时候就已经使用了各种 ui 组件了，比如 ant degisn 组件，在 react 编译完成 js,css,html 等文件之后你就没办法修改了(因为生成的代码你就看不懂了

[aogu555]

看你只是想用样式的话，直接去找 jq 的样式组件啊，推荐 layui

[xiaoming1992]

楼主你就直接用 create-react-app 搞个 demo 就知道了，很快的，你有点前端基础，慢慢摸索一个小时也就够了，看着看着就会了的。用 antd 挺好的，照着 antd 的官网的文档两下就能撸出个架子来

[xiaoming1992]

能直接用 href 直接跳转的

[lihongming]

没接触过 react 的话，你对前端的理解可能还停留在手动控制 html 的阶段。

react 对前端开发的改变是根本性的，你需要当作一门新的手艺学学才好理解。ant design 官方教程就挺好，建议花一两天读一遍。

[rockjike]

同 13 楼

[xiaoming1992]

直接用 create-react-app，千万别想着自己从零配 webpack，否则你一年就浪费了

[molvqingtai]

@xiaoming1992 楼上真实，webpack 就是个大坑

[molvqingtai]

Vue React 不是 UI 库，你需要的只是 bootstrap、materialize 这种 CSS UI 样式库，没写过前端的直接上那套脚手架工具容易被劝退