小程序vconsole

特色业务开发支持交易场景嵌入使用，例如京东慧采平台，通过 Taro 技术栈同时开发微信小程序和 H5，实现多端兼容通过跳转和登录态处理，实现不同账户数据连通利用 postMessage 方法解决跨域问题，确保不同域名下页面服务的交互针对 H5 和小程序的特定需求，采用 Cookie 与本地存储结合，实现登录态共享；借鉴微信小程序的appjson文件模式，可以为每个页面路径下单独配置一个pagejs文件，承担当前文件夹页面的配置效果在目标页面创建pagejs文件，通过它生成对应的路由利用requirecontext API或Vite的 API，获取特定目录下的pagejs文件，获取并处理这些数据，生成路由配置在使用webpack。

小程序moveable view

1、持久化状态管理引入pinia与piniapluginpersistedstate插件，安装依赖并配置相关文件，实现状态的持久化管理对于非h5环境，特别注意正确处理持久化逻辑以示例代码展示如何在页面中使用pinia进行状态管理，确保小程序环境下数据的正确存储与访问当前内容概览已完成，后续章节将涵盖更多细节与进阶功能，敬请期待。

2、基于以上种种，笔者尝试用vite+vue3+typescript搭建一个项目vite的使用方法可以看看官方文档，这里就不做过多的赘述稍具规模的项目肯定少不了VueRouterelementplus等插件和第三方UI框架要求是使用vue3+typescript进行开发小程序和H5的跨端应用在uniapp和taro这两个之中进行选择在参了官方和社区。

3、weapptailwindcss由sonofmagic在接触并喜爱tailwindcss后开发，于2021年推出，至今已获得833个星标其技术特性包括支持所有使用webpack和vite的主流小程序框架，以及使用webpackgulp的原生小程序打包方式由于小程序的独特技术规范标准，无法直接使用web库，如tailwindcssweapptailwindcss正是为解决这一。

4、uniapp目前支持vue3语法，对于微信小程序代码迁移至uniapp vue3，转换工作量大借助自动转换工具，可实现源码自动转换，保持代码可读性自动转换原理涉及三个编译器mlcompilersscompiler和jscompiler它们分别负责将mlss和js转换为适合vue3uniapp3的模板样式和脚本mlcompiler。

5、在页面中应用Pinia时，确保正确导入并使用安装axiosminiprogramadapter以适应小程序环境，并在utils目录下创建requestjs文件，配置请求接口，将放置在srcconfig目录下创建srcapiuserjs文件，编写API调用代码，然后在页面中使用为了实现Vue自动导入功能，安装unpluginautoimport插件。

video微信小程序

自定义组件提高代码复用性和模块化，使代码更加简洁和易于管理axios封装封装axios请求，简化API调用，提高开发效率小程序开发uniapp提供了unirequestPayment API，简化了第三方支付的集成，降低了开发难度构建优化和性能提升loader和plugins如HtmlWebPackPlugin等，对于优化构建流程和提升性能。

这里主要是关于 的配置，对项目整体做一些附加配置大体也是一些基本内容通过上述的简单改造，此时已经可以进行正常的小项目开发了 完结撒花 并且已经在用此配置写了一个简单的 H5 项目，后续随着项目的迭代会逐步完善一下模板由于小程序的 markdown 兼容实在是有点差，这一块用。