create-uni-app v1.1.0:结构化生成,工程骨架更规范

结构化生成 ------ 状态管理、路由实例与守卫分文件封装,工程骨架更规范

发布日期 :2026-09-01 · 版本1.1.0 · License:MIT

v1.1.0 聚焦生成结构的规范性与可维护性:把此前挤在主入口里的逻辑拆到各自独立文件,让生成出的工程「功能内聚、入口干净」,同时输出更规范、版本更对齐。


本轮更新

🗃️ 状态管理:统一 stores/ 目录 + 结构化封装

  • Pinia / Vuex 统一归入 stores/ 目录(原 Vuex 使用 store),主入口引用一致
  • Pinia 新增 stores/index,通过 createPiniaStore() 创建实例并在其内部注册持久化插件,主入口只保留 app.use(pinia)

🧭 路由:实例与守卫分离

  • 生成 src/router 目录:index 创建路由实例(createRouter + 插件),guards 独立维护全局 beforeEach / afterEach 守卫示例
  • 主入口只 import router from './router' + app.use(router),不再内联创建逻辑
  • 纯 uni-router 方案仍额外生成手写 src/router.config

⚙️ 配置自动适配语言

  • TS 项目生成 vite.config.ts,JS 项目仍为 vite.config.js,构建配置随脚本语言自适应

📦 更规范的输出

  • package.jsondependencies / devDependencies 按字母序标准化
  • 默认 uni-app 运行时版本对齐官方 Vue3 通道(随时可用 npx @dcloudio/uvm@latest 同步最新)

🧰 更友好的失败提示

  • 依赖自动安装失败时输出真实退出码 / 启动错误及手动重试指引,便于定位根因
  • 修复 Vuex 不启用持久化时 stores/index 中的多余空行

快速上手

bash 复制代码
npm i -g @meng-xi/create-uni-app
create-uni-app my-app

cd my-app
npm run dev:h5          # 启动 H5
npm run dev:mp-weixin   # 启动微信小程序

同时支持 npx @meng-xi/create-uni-app my-app 免安装直接使用。

文档与资源

下一步

  • 更丰富的内置功能片段与模板
  • 更细的自定义模板能力
  • 持续对齐 uni-app 官方版本(npx @dcloudio/uvm@latest

感谢每一位使用者与贡献者。欢迎到 Discussions 交流反馈。🚀

相关推荐
流光D19 分钟前
AI时代,搭建 web 站点并配置 nginx 反向代理流程
运维·服务器·前端·人工智能·nginx·ai·ai编程
梨想橙汁31 分钟前
CSS Grid 网格布局:二维布局神器,轻松实现复杂网页排版
前端·css
lhldsg31 分钟前
酒吧点餐小程序开发:从需求分析到技术落地实战
java·前端·小程序·架构·交友
Csvn32 分钟前
微前端样式隔离:为什么你的 CSS 串到别人家了?Shadow DOM、CSS Variables 与 @layer 实战
前端
金花顺34 分钟前
android_media_AudioTrack
前端·面试
木公子35 分钟前
Vue3源码精读04:Scheduler 调度器深度解析|异步批量更新与任务队列源码全解
前端·vue.js
YHL36 分钟前
🧠 React useContext 深度解析:告别 Props 层层传递的噩梦
前端·react.js
萧行之1 小时前
Observalble Plot和图形语法理论
前端·数据可视化
开开心心就好1 小时前
手机悬屏翻译工具外语游戏漫画APP全覆盖
android·前端·javascript·python·游戏·pdf·html