# vue3-ts-tmui-uniapp-template

**Repository Path**: duang5678/vue3-ts-tmui-uniapp-template

## Basic Information

- **Project Name**: vue3-ts-tmui-uniapp-template
- **Description**: 一套完整，规范的基于vue3，vite，eslint，commitlint，uniapp的工程环境
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: feature
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 13
- **Forks**: 3
- **Created**: 2022-08-31
- **Last Updated**: 2023-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: zuoshentao
 * @Date: 2022-07-26 17:54:30
 * @LastEditors: zuoshentao
 * @LastEditTime: 2022-08-24 15:50:00
 * @Description: file content
 * @FilePath: /vue3-uniapp-template/README.md
-->
# vue3-uniapp-template

#### 介绍
一套完整，规范的基于vue3，vite，eslint，commitlint，uniapp的工程环境
#### 架构目录说明
  * .husky      git提交钩子
  * pages       页面组件
  * api         接口管理
    > base  为使用事例
  * common      公共类
    + envConfig 环境变量
  * components  公共组件
  * static      静态文件
  * theme       自定义主题色
  * shared      工具
    > config
      + h5        h5环境变量
      + mp-weixin 小程序环境变量
  * uni_modules ui组件
  * utils       工具类
  * .cz-config  git提交配置
  * .eslintrc   eslint配置
  

#### 架构配置说明
##### 集成 EditorConfig 配置
  > 处理同意项目多个开发人员维护一致的编码风格
  > 官网：[editorconfig.org](https://editorconfig.org/).
##### 集成 Prettier 配置
  > 官网：[prettier.io](https://prettier.io/).
##### 集成eslint
  > 官网：[eslint](https://github.com/eslint/eslint)
##### 集成husky
  > 官网：[husky](https://github.com/typicode/husky)
  > git hooks工具，可以设置git在各个阶段的触发命令
##### 集成lint-staged
  > 官网：[lint-staged](https://github.com/okonet/lint-staged)
  > 在 git 暂存的文件上运行 linters。
#### 安装教程
1.  npm i 
2.  自定义启动命令
     ```js
      npm run run:dev  "h5"
      npm run build:dev "h5"
     ```
#### 常见问题
  + git cz 无命令 (全局安装commitizen)
  > npm install commitizen -g
  
#### 使用说明
1.  使用vscode进行开发，安装Prettier插件
2.  git 提交规范，参考Angular提交规范
    > fix(other):修改 commit-msg执行脚本
3.  命令行使用git cz进行提交
4.  可视化工具进行项目提交也会触发，husky
5.  vue2项目，请自行修改vite.config.js

#### 网络请求
  >官网：[luch-request](https://www.quanzhan.co/luch-request/)

#### TM-UI UI
  >官网：[TM-UI](https://tmui.design/)