Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/qiu-jun/uni-cli-template

uniapp的cli模式个人使用模板
https://github.com/qiu-jun/uni-cli-template

uni-app vite vue vue3 wot-design-uni

Last synced: about 1 month ago
JSON representation

uniapp的cli模式个人使用模板

Awesome Lists containing this project

README

        

## uni-cli-template

#### 技术栈

- Node 16.20.1
- pnpm 8.6.3
- vue3
- typescript
- pinia
- uniapp

#### 使用

```bash
# 如果没有pnpm 项目使用pnpm,commit自动校验都是用pnpm,请使用pnpm启动项目
npm install pnpm -g

pnpm install

pnpm dev:weapp

# 提交代码
git add . # 添加需要提交的文件
pnpm commit # 使用此命令编写commit
```

#### 使用说明

- 已集成AutoImport, 对于vue的组合api无需手动import
- 环境变量目前只有dev和pro,可以手动添加处理

#### vscode setting

> 正常情况会根据.vscode下的extendsions提示安装插件,没有的话重新打开项目或手动安装配置

- vscode 插件
- Prettier - Code formatter
- eslint
- volar

```json
{
// 开启自动修复
"editor.codeActionsOnSave": {
"source.fixAll": false,
"source.fixAll.eslint": true
},
// 保存的时候自动格式化
"editor.formatOnSave": true,
// 默认格式化工具选择prettier
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
```

#### 自动注释说明

> 使用的是korofileheader
> .vscode/settings.json

```json
"fileheader.customMade": {
"Description": "", //文件内容描述
"Author": "Your Name", //编辑人
"Date": "Do not edit", //时间
"FilePath": "", // 设置后,默认生成文件相对于项目的路径
"LastEditTime": "Do not edit",
"LastEditors": "Your Name"
},
```

#### TODO

- [x] uni脚手架初始化
- [x] 环境变量
- [x] eslint + prettier + husky
- [x] unocss
- [x] commit cz