{"repo":"lincenying/vite-vue3-h5-ssr","free":true,"listed":false,"github":"https://github.com/lincenying/vite-vue3-h5-ssr","clone":"git clone https://github.com/lincenying/vite-vue3-h5-ssr.git","description":"vue3 H5端的ssr脚手架, 含asyncData里的xhr请求 (Vue3 + Vant + Pinia + Vite + TS + Unocss + SSR)","language":"TypeScript","stars":17,"topics":["vue3","starter-kit","ssr","vitejs","typescript","unocss","vant"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"vite-vue3-ssr vue3 H5端的ssr脚手架, 含asyncData里的xhr请求 (Vue3 + Vant + Pinia + Vite + TS + Unocss + SSR) Variations - vite-nitro-vue3 - Vue3 + Nitro2 + ElementPlus + Vite web入门模板 - vite-nitro-vue3-ssr - Vue3 + Nitro2 + ElementPlus + Vite + SSR web入门模板 - vite-nitro3-vue3 - Vue3 + Nitro3 + ElementPlus + Vite + SSR web入门模板 - vite-nuxt3 - Nuxt3 + Vite 入门模板 - vite-vue3-admin - Vue3 + ElementPlus + Vite 管理后台入门模板 - vite-vue3-h5 - Vue3 + Vant + Vite 入门模板 - vite-vue3-h5-ssr - Vue3 + Vant + Vite + SSR 入门模板 - vite-vue3-uniapp - Uniapp3 + Vite 入门模板 - vite-vue3-web - Vue3 + ElementPlus + Vite web入门模板 - vite-react-mobx - React + Mobx + Vite 入门模板 - vite-react-mobx-ssr - React + Mobx + Vite + SSR 入门模板 - vite-react-redux - React + Redux + Vite 入门模板 使用 开发环境 生产环境 生产环境预览 Lint 和修复文件 环境变量 预留4套环境变量, 具体参数可查看根目录的 .env.xxx , 其中 development 为开发环境, test, staging, production 依次为 测试环境, 预发布环境, 正式环境 根据自己需要, 启动/编译不同的环境 Rem 适配 设计稿相关参数配置见: src/design.config.ts , 按UI给的设计稿, 修改即可 设计稿宽度: designWidth 设计稿高度: designHeight 字号: fontSize 字号大小, 尽量配合Ui库, 比如默认使用的vant UI组件库就是设计稿宽度为375, rootfontsize为37.5 如果你的设计稿是750的, 方法有2 1: 设计稿宽度设置为750, 然后字号设置成75, 然后css代码的宽高按设计稿中实际的书写, 然后在postcss插件, 针对性判断vant的字号改成37.5( vite.config.css.ts 里已做了适配vant组件库) 2: 设计稿宽度设置为375, 然后字号设置成37.5, 然后css代码的宽高按设计稿中实际尺寸/2书写, 也可以将设计稿尺寸调整到375后, 按375的实际尺寸书写 一般项目中有3类代码的单位需要转换, 分别是自己写的css代码, 组件库或者其他第三方插件带的css代码, 使用unocss写的原子化css 具体插件配置详见: vite.config.css.ts 自动引入UI库组件/项目组件/函数等 项目已经配置了 unplugin-auto-import 和 unplugin-vue-components 前者能自动引入vue, vue-router, vueuse等提供的方法, 而无需","default_branch":null,"files":null,"tree":[],"storefront":"/r/lincenying","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/lincenying/vite-vue3-h5-ssr/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}