littlebot
Published on 2025-04-12 / 0 Visits
0

【源码】基于uniapp和Vue 3.x的项目工程化搭建

项目简介

本项目旨在搭建一个基于uni-app和Vue 3.x的项目工程。集成了ESLint、Prettier、Stylelint、husky、lint-staged、commitlint等工具,同时实现了pinia在uniapp中的持久化插件以及storeToRefs增强插件,可用于开发各类uni-app应用,能有效提升开发效率并保障代码质量。

项目的主要特性和功能

  1. 采用uni-app框架开发小程序,支持多端运行。
  2. 基于Vue 3.x进行前端开发,利用其响应式系统和组合API。
  3. 运用TypeScript提高代码的可读性与可维护性。
  4. 集成ESLint、Prettier、Stylelint等工具规范代码。
  5. 借助husky、lint-staged、commitlint管理代码提交规范。
  6. 使用pinia进行状态管理,通过pinia-plugin-persist-uni实现数据持久化。
  7. 利用pinia-auto-refs等vite插件优化开发体验。

安装使用步骤

  1. 打开终端并进入已下载的项目源码文件的根目录。
  2. 安装依赖:执行 npm installyarn 命令。
  3. 配置环境:根据项目需求配置node版本、Vite、uni-app等相关环境。
  4. 运行项目:执行 npm run devyarn dev 启动项目。
  5. 开发页面和组件:在 src/pagessrc/components 目录下进行开发。
  6. 编写状态和逻辑:在 src/store 目录下使用pinia管理应用状态。
  7. 运行测试和检查:执行相关命令进行单元测试、lint检查等。
  8. 提交代码:使用git提交代码时,遵循commitlint定义的提交规范。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】