1 Star 1 Fork 0

佚名程序员 / Front End

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

✨️Front End✨️

一个 TypeScript5 Vue3 Vite4 Pinia2 uni-app 工程化框架,用于构建高效且可扩展的多端应用程序。

☀️ 特性

  • TypeScript5: 应用程序级 JavaScript 的语言
  • Vue3: Vue3 框架
  • Vite4: Vite4 构建工具
  • Pinia2: Pinia2 状态管理
  • uni-app: uni-app 框架
  • 权限 内置完善的动态路由权限生成方案
  • 组件 二次封装了多个常用的组件
  • Eslint/Prettier: 规范代码格式,统一编码;
  • 路由拦截: 基于 uni.addInterceptor 进行路由拦截;
  • 缓存加密: 使用 AES 加密缓存,可设置区分在开发或生成环境中是否加密;
  • 请求拦截: 核心使用 luch-request,支持请求和响应拦截等;

🌟 格式规则

所有命名格式: 驼峰命名

components 文件夹: 功能名 + Component

pages 文件夹: 功能名 + Page

enums 文件夹:功能名 + Enum; 放置枚举和常量

types 文件夹:自定义类型文件名加入前缀 My; 内部命名空间以同文件夹名称; 导出统一到 index.d.ts

utils 文件夹:放置方法

🌟 目录结构

.
├─ src
│   ├─assets # 静态资源目录
│   │
│   ├─components # 组件目录
│   │   ├─ BasicButton
│   │   │    ├─index.vue
│   │   │    └─prpos.ts
│   │   └─...
│   │
│   ├─enums # 枚举/常量
│   │   ├─ cacheEnum.ts
│   │   └─...
│   │
│   ├─pages # 页面
│   │   ├─ index
│   │   │    └─index.vue
│   │   └─...
│   │
│   ├─services # 接口相关
│   │   ├─ api # api
│   │   │    ├─auth.ts
│   │   │    └─...
│   │   │
│   │   └─ model # 数据模型
│   │        ├─authModel.d.ts
│   │        └─...
│   │
│   ├─settings # 设置
│   │   └─ encryptionSetting # 加密设置
│   │
│   ├─state # 状态管理模式(pinia)
│   │   ├─ modules # 数据模块
│   │   │    ├─auth.ts
│   │   │    └─...
│   │   │
│   │   └─ index.ts
│   │
│   ├─static # 静态公共文件
│   │   ├─ images # 图片
│   │   │    ├─avatar.png
│   │   │    └─...
│   │   │
│   │   └─ ...
│   │
│   ├─types # 类型文件
│   │   ├─ http.d.ts
│   │   └─ ...
│   │
│   └─utils # 工具类
│       ├─ cache # 缓存相关目录
│       ├─ http  # request相关目录
│       ├─ interceptors  # 拦截器相关目录
│       └─ ...

├─ .env
├─ .env.development
├─ .env.production
├─ .eslintignore
├─ .eslintrc.js
├─ .gitignore
├─ .prettierignore
├─ .prettierrc.js
├─ favicon.ico
├─ index.html
├─ package.json
├─ pnpm-lock.yaml
├─ README.md
├─ tree.txt
├─ tsconfig.json
└─ vite.config.ts

💡 前序准备

🛠 安装使用

  • 获取代码
git clone https://gitee.com/Anonymous-Programmers/FrontEnd.git
  • 安装依赖
cd FrontEnd

pnpm install
  • 运行
pnpm dev:h5
  • 打包
pnpm build:h5
  • 更新依赖到最新(新手请忽略)
pnpm up
# 打开HBuilder X alpha桌面程序-->点击上面的帮助-->历次更新说明-->获取最新版本号(如:3.7.7.20230316-alpha)
npx @dcloudio/uvm 3.7.7.20230316-alpha

☕ 参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

🔖 提交别名提示

  1. resolve a conflict:解决冲突
  2. merge branch:合并分支
  3. feat: [...] : 添加的新功能说明
  4. fix: [...] : 修复的 bug 说明
  5. initial project:初始化项目
  6. style: [...] : 修改的样式范围
  7. perf:[...] : 优化的范围
  8. release : 发布新版本
  9. docs: 文档修改
  10. refactor: 代码重构
  11. revert: 还原之前的版本
  12. dependencies: 依赖项修改
  13. devDependencies: 开发依赖修改
  14. review:复习,回顾
  15. strengthen: 加强,巩固
MIT License Copyright (c) 2023 佚名程序员 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

✨️前端:Front End✨️ 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
TypeScript
1
https://gitee.com/Anonymous-Programmers/FrontEnd.git
git@gitee.com:Anonymous-Programmers/FrontEnd.git
Anonymous-Programmers
FrontEnd
Front End
FrontEnd

搜索帮助