天天爱生活

我要开发同款
张瑞2025年01月24日
32阅读
开发技术前端小程序
所属分类生活服务

作品详情

uni-app + vue3.x 项目工程化搭建简介uni-app + vue3.x 项目工程化搭建,集成 ESLint、Prettier、Stylelint、husky、lint-staged 、commitlint等,同时实现了 pinia 在 uniapp 中的持久化插件pinia-plugin-persist-uni以及 storeToRefs 增强插件pinia-auto-refs。相关文章 - pinia-plugin-persist-uni 在 uni-app 中持久化存储 pinia相关文章 - 受够了手动 storeToRefs?来试试这个 vite 插件吧仓库地址 - uni-vue3-vite-ts-pinia欢迎使用和点亮小星星。所用技术栈依赖管理:node v16.x, 如果你已经使用 nvm,可以参考 Github: nvm 来实现 node 版本的自动切换小程序框架: uni-app构建工具: Vite前端框架: Vue3.x编程语言: TypeScript代码规范:ESLintPrettierStylelint提交规范:huskylint-stagedcommitlintcss 预处理器: scss状态管理工具:piniapinia 数据持久化插件:pinia-plugin-persist-univite 插件:pinia-auto-refsunplugin-auto-importunplugin-vue-componentsunocssauto-import-types工程目录.├── .husky│ ├── _│ ├── commit-msg commit信息校验钩子│ ├── pre-commit commit前置钩子├── .vscode│ ├── extensions.json vscode工作区插件推荐│ ├── settings.json vscode工作区设置├── auto│ ├── addPage.ts 根据pages.json自动生成页面├── src│ ├── @types ts类型定义│ ├── api 请求中心│ ├── components 项目组件│ ├── config 全局配置│ ├── @helper storeToRefs 增强(pinia-auto-refs自动生成)│ ├── hooks hooks函数│ ├── pages 页面目录│ ├── static 静态资源、css│ ├── store 状态管理│ └── utils 工具包│ ├── platform.ts 获取运行环境│ ├── request.ts 请求方法封装│ ├── router.ts 路由跳转封装│ ├── shared.ts 基础公共方法│ ├── uniAsync.ts async调用异步方法│ └── urlMap.ts 获取页面类型│ ├── App.vue 入口文件│ ├── auto-imports.d.ts 自动导入vue-composition-api(unplugin-auto-import自动生成)│ ├── components.d.ts 自动导入组件(unplugin-vue-components自动生成)│ ├── env.d.ts 全局声明│ ├── main.ts 主入口│ ├── manifest.json 应用配置文件│ ├── pages.json 全局配置文件│ └── uni.scss uni-app内置的常用样式变量├── .cz-config.js cz提交信息提示配置├── .czrc cz规则配置├── .editorconfig 编辑器配置├── .eslintignore eslint忽略配置├── .eslintrc-auto-import-types.json 自动挂载@types下.d.ts文件定义的类型到global(auto-import-types自动生成)├── .eslintrc-auto-import.json 自动挂载 unplugin-auto-import 的类型到global(unplugin-auto-import自动生成)├── .eslintrc.js eslint配置├── .gitignore git忽略配置├── .lintstagedrc.json lint-staged配置├── .npmrc npm配置├── .prettierignore prettier忽略配置├── .stylelintrc.js stylelint配置├── commitlint.config.js commitlint配置├── FAQ.md├── index.html 项目入口├── LICENSE MIT说明├── package-lock.json├── package.json├── prettier.config.js prettier配置├── README.md├── TODO.md├── tsconfig.json ts配置├── unocss.config.ts unocss配置└── vite.config.ts vite配置
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论