在上面模板的基础上，npm run dev:mp-weixin 会在dist/dev/mp-weixin生成微信小程序文件，打开微信开发者工具，导入该文件夹，发现跑不起来，控制台报错，如下。发现是生成的 app.wxss 包含了通配符*, 微信小程序不认识，编译不通过，页面也无法显示。解决方案：删除unocss里面的自带预设presetUno，改用@uni-helper...
修改vite.config.ts,把内容改为如下: ts复制代码importpathfrom'node:path'import{defineConfig,loadEnv}from'vite'importunifrom'@dcloudio/vite-plugin-uni'importdayjsfrom'dayjs'importvuefrom'@vitejs/plugin-vue'importsvgLoaderfrom'vite-svg-loader'import{visualizer}from'rollup-plugin-visualizer'importViteR...
vue3-uniapp-template 是基于 vue3 的 uniapp 快速开发模板,包含状态管理、网络请求、路由拦截、UI组件、国际化、token 无感刷新、接口签名等常用功能。 主要使用的技术栈:uniapp、vue3、pinia、vite、vue-i18n、uv-ui。 下载地址 PS:如果对你有帮助的话,点个Star支持下哈~ Github Gitee 项目启动 # 克隆代码g...
Uniapp Vue3 项目模板, 包含技术栈(Vue3 + TuniaoUI/wot-design-uni + Pinia + Vite + TS + Unocss) [!重要]注意: 升级依赖时, 请不要升级@vueuse/core和pinia, 这两个依赖需要vue3.3的支持, 但是uniapp目前还不支持vue3.3 Rem 适配 自动引入UI库组件/项目组件/函数等 Pinia 状态管理 自动生成路由 ...
9-1 安装 @uni-helper/vite-plugin-uni-layouts pnpm i -D @uni-helper/vite-plugin-uni-layouts 9-2 配置vite.config.ts // vite.config.ts import { defineConfig } from 'vite' import Uni from '@dcloudio/vite-plugin-uni' import UniPages from '@uni-helper/vite-plugin-uni-pages' import Un...
经过两周高强度研发,我的又一个跨平台原创新作UniappVue3Hotel正式完结了。 基于vite5+uniapp+vue3+pinia2+uni-ui等技术开发的仿去哪儿/携程预订酒店app系统。支持编译H5+小程序+App端。 目前该项目已经同步到我的原创作品集,有需要的可以去看看。 UP主的推荐 uniapp+vue3+pinia2+uvui跨多端酒店预订app系统...
在创建uniapp项目并选择Vue 3和TypeScript模板时,你可以按照以下步骤进行操作: 确认系统环境和开发工具已安装并配置好: 确保你已经安装了Node.js和npm(或yarn)。 安装HBuilderX,这是DCloud官方推荐的uniapp开发工具,它提供了丰富的插件和模板支持。 在命令行中输入创建uniapp项目的命令: 打开终端或命令提示符,输...
接着上篇文章【2023】uniapp+vue3+ts超实用模板,我们继续优化模板。 6、处理unocss生成的样式在小程序报错问题 在上面模板的基础上,npm run dev:mp-weixin会在dist/dev/mp-weixin生成微信小程序文件,打开微信开发者工具,导入该文件夹,发现跑不起来,控制台报错,如下。
【2023】uniapp+vue3+ts超实用模板 构建超实用的uniapp+vue3+ts模板,从此编码体验和用户体验爽得飞起。 0、前置说明 本模板基于cli生成,全程时候用VSCode编码,增加类型提示,开发体验很好。 使用了图片压缩,再也不用先去外面压缩图片再重新上传了。 使用了unocss + unoIcons,再也不用从外面找图片/图标再引入了...
目前uniapp-vue3-trip项目已经同步到我的原创作品集。 https://gf.bilibili.com/item/detail/1107519011 如上图:亲测支持编译到H5+小程序+App端。 公共模板 // #ifdef MP-WEIXINdefineOptions({/** * 解决小程序class、id穿透问题 * manifest.json