移动端的 web 页面用什么写比较好

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 436 天前的主题，其中的信息可能已经有所发展或是发生改变。

因为平常主要写后端，同时用 vue 写（ cv 大法😅）管理系统的页面。
但是最近项目有部分需求要写对外的移动端页面，主要是一些零散的页面，最终会提供 url 嵌入到其他 app 中去作为某些功能模块。后续可能还会有不少类似的零碎页面需求。
所以想问问做这种需求有什么方便的框架、脚手架之类的东西吗？希望尽量能上手快些，但是又相对规范，不至于后面很乱，导致变得能跑就行。

页面

Vue

脚手架

大法

23 条回复 • 2023-09-15 11:20:56 +08:00

COOOOOOde

2023-09-14 09:13:11 +08:00

只是页面的话，继续 VUE 用 Vant ？

Rever4433

2023-09-14 09:22:30 +08:00

如果移动端也是管理系统，可以直接用 ruoyi ，可以自适应移动端。

LavaC

2023-09-14 09:25:46 +08:00

移动端开发只是样式布局不同吧，你熟什么框架用什么就好了，你要是用过 vue 的话可以试试 nuxt ，可以省去很多操作也方便集成 pwa 啥的。
移动端组件库我只用过 vant 感觉也一般就不瞎推荐了。

D2h0VL89HMAU417B

2023-09-14 09:48:35 +08:00

vant

sjhhjx0122

2023-09-14 09:49:49 +08:00

如果只是单独一个页面或者是活动页什么的不如 svelte 来的快

TheGooooooooooo

2023-09-14 09:50:44 +08:00

@Rever4433 移动端页面的内容不是管理系统

TheGooooooooooo

2023-09-14 09:54:41 +08:00

@sjhhjx0122 因为考虑到后续会有不少类似的零散功能页,所以才想着看怎么样能相对结构化和规范一点.免得后面难以维护.

xubeiyan

2023-09-14 09:59:33 +08:00 via Android

同意楼上的 svelte 方案，svelte 配合支持 tailwind 的 ui 库，写起来也太方便了

TheGooooooooooo

2023-09-14 09:59:41 +08:00

@LavaC 样式布局这个也是我的疑惑点.nuxt 我昨天搜过了解了一下,我看他是服务端渲染,如果只部署静态文件的话会有什么问题吗.因为不需要 seo.

TheGooooooooooo

2023-09-14 10:02:56 +08:00

@xubeiyan 那我去了解一下看😂.

z1645444

2023-09-14 10:25:30 +08:00

主要是零散的页面 Vue 3 + Vant 4 👉
楼上说的如果是活动页这类确实 Svelte 也是不错的选择，值得一试

alleluya

2023-09-14 10:29:15 +08:00

同楼上熟悉 vue 不想折腾就 vue3+vant4 足够了
如果想换个框架可以考虑 Svelte

LavaC

2023-09-14 11:08:16 +08:00

@TheGooooooooooo #9 静态文件就是常见的 vue 项目 run build 后结果。

ajan

2023-09-14 12:46:42 +08:00

HTML + CSS + JAVASCRIPT

22F41628gA98q4Lx

2023-09-14 12:49:13 +08:00 via Android

谷歌搜索 responsive tailwind

jones2000

2023-09-14 12:50:56 +08:00

js, 懒点的就用 jquery.

szmx

2023-09-14 13:24:58 +08:00

https://www.npmjs.com/package/@szmxx/ucli
推荐一下自建脚手架，支持 nuxt3 和 vue3

davin

2023-09-14 13:33:27 +08:00

可以试试 Astro 框架

TheGooooooooooo

2023-09-14 14:22:54 +08:00

@z1645444 @alleluya 我看了 vant4,官方提供了不少工程实例,现在比较倾向于 1.Nuxt 3 、Vant 4 搭建应用或者 2. Vue 3 、Vant 4 、TS 、Vite 搭建应用,选哪种比较合适,有必要用 Nuxt 吗?

z1645444

2023-09-14 15:47:39 +08:00

@TheGooooooooooo #19 看零散页面具体是多零散，我看到你在 #9 的回复，感觉都是不涉及到路由的大量的普通页，只要 build 以后的静态页，那么其实 2 方案出的会更快，1 和 2 质量在这种情况下也都几近，个人推荐走 2 吧，时间充裕走 1 体验 Nuxtjs 开发或者使用 Svelte 也不赖

TheGooooooooooo

2023-09-14 16:48:18 +08:00

@z1645444 多谢,已经在尝试方案 2 了,先写写 demo 练练手

infyni

2023-09-14 17:57:42 +08:00

可以看一下 qwik ，是个不错的东西，最近的官网就是用它做的，打开贼快。

alleluya

2023-09-15 11:20:56 +08:00

@TheGooooooooooo @z1645444 哥说的挺完整的我就不嫌丑了~