更新记录

1.0.0(2023-04-07) 下载此版本

功能(Features)

  1. 第一次上传到插件市场

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

uni-app-project 技术中台

⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️

不要从插件市场导入该项目模板,插件市场上传的项目(.zip 格式)过程中去除了插件包内以 . 开头的文件导致项目文件丢失,不清楚这么做的目的。需要的请到 github 下载项目!!!

⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️

不建议使用非 cli 创建的版本,它并不是通用的前端项目结构,仅仅只能用在 hbuilderx 内,同时也无法集成 ci&cd

vue2 + vuex + eslint + prettier + stylelint + lint-staged + husky

  • 项目地址: Github
  • 博客地址: https://yoouu.cn/
  • 当我们日复一日年复一年的搬砖的时候,你是否曾想过提升一下开发效率,如果一个通用的架构摆在你的面前,你还会选择自己搭架构么,但是搭建出一个好的架构并非易事,有多少人愿意选择去做,还有多少人选择努力去做好,可能寥寥无几,但是你今天看到的,正是你所想要的,一个真正能解决你开发新项目时最大痛点的架构工程,你不需要再麻木 Copy 原有旧项目的代码,只需改动少量代码就能得到想要的效果,你会发现开发新项目其实是一件很快乐的事。

快速上手

克隆项目

git clone https://github.com/SunSeekerX/uni-app-project.git

安装依赖

yarn

运行

把项目拖到 HbuilderX 运行就行了。

其他命令

scripts 里面包含了一些额外的命令

提交代码

我提交代码喜欢用这个,但是用到了 commitizen 这个插件(用来规范提交信息的),你想用可以看 规范提交代码 说明

yarn gc

eslint

检查 src 目录下 vuejs 后缀结尾的文件是否有错误

yarn lint:eslint

prettier

使用 prettier 格式化 src 目录下的 js,json,tsx,css,less,scss,vue,html,md 后缀结尾的文件

yarn lint:prettier

stylelint

使用 stylelint 校验和格式化 src 目录下的 vue,less,postcss,css,scss 后缀结尾的文件内的样式代码

yarn lint:stylelint

排序 package.json

强迫症专用的,对 package.json 内的 key 值进行排序

yarn pkg:sort

项目亮点

  • 常用集成:uView UIlimm-windi-css-uniapplimm-utools
  • 代码注释:项目内有非常完善的代码注释,对每个模块的作用做了仔细的说明
  • 代码统一:对项目中常见的代码进行了封装,或是封装到工具类中、或者封装到框架中,不追求过度封装,根据实际场景和代码维护性考虑,尽量保证同一个功能的代码在项目中不重复。
  • 敏捷开发:一个 App 大概率会出现的功能已经写好,对项目的敏捷开发起到了至关重要的作用,可用于新项目开发或者旧项目重构,可将开发周期缩短近一半的时间,并且后续不会因为前期的快速开发而留下成堆的技术遗留问题,万丈高楼平地起,uni-app-project-cli 属于基建工程,而在软件行业我们称之为技术中台。
  • 开发约束:集成 eslint + prettier + stylelint + lint-staged + husky 对从开发到提交至仓库过程进行代码质量把控,保持团队整体风格统一。

食用指南

项目结构

├── .husky
│   ├── _
│   └── pre-commit
├── .vscode
│   └── settings.json
├── .yarn
│   ├── plugins
│   └── releases
├── apis
│   ├── express.js
│   └── index.js
├── config
│   ├── default.js
│   ├── dev.config.js
│   ├── index.js
│   ├── prod.config.js
│   └── stage.config.js
├── constant
│   └── index.js
├── pages
│   ├── find
│   ├── home
│   ├── index
│   ├── message
│   └── mine
├── static
│   ├── images
│   └── js
├── store
│   └── index.js
├── styles
│   └── index.scss
├── uni_modules
│   ├── limm-utools
│   ├── limm-windi-css-uniapp
│   └── uview-ui
├── utils
│   ├── libs
│   ├── request
│   └── index.js
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .prettierignore
├── .prettierrc.yaml
├── .stylelintignore
├── .yarnrc.yml
├── App.vue
├── CHANGELOG.md
├── README-uni.md
├── README.md
├── index.html
├── jsconfig.json
├── main.js
├── manifest.json
├── package.json
├── pages.json
├── stylelint.config.js
└── uni.scss

生成命令

tree -L 2 --gitignore --dirsfirst -a -I ".git"

你需要修改的信息

  • package.json
    • name
    • version
    • repository
    • license
    • author
  • src/manifest.jsonHbuilderX 内的可视化界面去修改吧,如果没出现可视化界面,把项目从 HbuilderX 移除重新添加,或者右键重新构建项目索引重新识别项目类型,关闭 manifest.json 再打开就会出现可视化配置界面了
    • uni-app 应用标识
    • 应用名称
    • 应用描述
    • 版本名
    • 版本号
    • App 图标配置
  • 删除本项目说明

注意

项目使用 yarnv3 版本管理依赖,禁用 npm,pnpm 等其他的包管理工具,会出现各种问题!

更新日志

更新日志

关于和联系

如果对项目使用有问题可以提交 issue 或者直接联系 vx: sunseekerx。解决了问题记得请我喝咖啡 🥹。

另接前端开发、修改,vue,uniapp,html,css,javascript 开发 Android,安卓,后端 NodeJs 开发,部署,修改小功能远程,大功能上 git。自带私有 git。看工作量收费,直接上需求能节省你我时间。在线解决 bug/开发定制感兴趣的话点“我想要”和我私聊吧(详细价格私聊)

本人有掘金,csdn,思否技术文章输出,有开源博客和项目的 git,私聊看看实力。

啥都能干。泡面矿泉水已备好,学校不支持已辍学,家人不支持已断绝关系,老婆不支持已离婚,小孩不支持已送孤儿院,备用电源万兆光纤永不断电断网,门口已埋地雷无人打扰。

【闲鱼】https://m.tb.cn/h.UIC3Bn9?tk=x0OZdkxZGm2 CZ0001 「我在闲鱼发布了【接前端开发、修改,vue,uniapp,html,css,j】」点击链接直接打开

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问