blackteay/uniapp-vue3-vite-ts-template
1
0
Fork 0
mirror of https://gitee.com/h_mo/uniapp-vue3-vite-ts-template synced 2025-04-06 03:58:03 +08:00
Code Issues Projects Releases Wiki Activity

!6 更新

Browse Source 
Merge pull request !6 from 佚名程序员/master
This commit is contained in:
h_mo 2023-03-08 13:04:51 +00:00 committed by Gitee
commit ba4f20c0a3
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
70 changed files with 1988 additions and 2039 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
.eslintignore
View File

@ -1,21 +1,20 @@
# eslint 忽略检查 (根据项目需要自行添加) # 忽略目录
node_modules /dist
dist /build
.idea /tests
.vscode /node_modules
.hbuilderx
src/manifest.json
src/pages.json
src/tmui/
*.sh
node_modules
*.md
*.woff
*.ttf
*.yaml
dist
/public /public
/docs /src/public
.husky /src/static
.local /src/manifest.json
/bin /vite.config.ts
/unocss.config.js
# node 覆盖率文件
coverage/
# 忽略文件
**/*-min.js
**/*.min.js
**/*-min.css
**/*.min.css

45
.eslintrc.js
View File

@ -1,19 +1,22 @@
// 参考：https://eslint.bootcss.com/docs/rules/
// 参考：https://blog.csdn.net/x550392236/article/details/89497202
// 参考：https://blog.csdn.net/brokenkay/article/details/111106266
module.exports = { module.exports = {
root: true,
env: { env: {
browser: true, node: true, //允许运行在node环境下
es2021: true, browser: true, //允许运行在浏览器环境下
es2021: true, //允许运行es2021环境下语法
}, },
parser: 'vue-eslint-parser', parser: 'vue-eslint-parser',
extends: [
'plugin:@typescript-eslint/recommended',
'plugin:vue/vue3-essential',
'prettier',
],
parserOptions: { parserOptions: {
ecmaVersion: 'latest', ecmaVersion: 'latest',
parser: '@typescript-eslint/parser',
sourceType: 'module', sourceType: 'module',
parser: '@typescript-eslint/parser',
}, },
extends: ['plugin:vue/vue3-essential', 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
plugins: ['vue', '@typescript-eslint', 'prettier'],
settings: { settings: {
'import/resolver': { 'import/resolver': {
alias: { alias: {
@ -22,16 +25,25 @@ module.exports = {
}, },
}, },
}, },
plugins: ['vue', '@typescript-eslint', 'prettier'], globals: {
//可以定义全局中的变量的权限（只读，可读可写）
defineProps: 'readonly',
defineEmits: 'readonly',
defineExpose: 'readonly',
withDefaults: 'readonly',
uni: 'readonly',
},
rules: { rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-var': 'error', 'no-var': 'error', //要求使用 let 或 const 而不是 var
'prettier/prettier': 'error', 'prettier/prettier': 'error',
'vue/no-multiple-template-root': 'off', 'vue/no-multiple-template-root': 'off',
'no-mutating-props': 'off', 'no-mutating-props': 'off',
'vue/no-v-html': 'off', 'vue/no-v-html': 'off',
// @fixable 必须使用单引号，禁止使用双引号 camelcase: 'error', // 双峰驼命名格式
// indent: ['error', 4], //代码缩进4个空格 (switch时与prettier发生冲突)
eqeqeq: ['error', 'always', { null: 'ignore' }], //比较时强制使用 === 或者 !==,但对null作比较时可以不用全等
quotes: [ quotes: [
'error', 'error',
'single', 'single',
@ -39,7 +51,7 @@ module.exports = {
avoidEscape: true, avoidEscape: true,
allowTemplateLiterals: true, allowTemplateLiterals: true,
}, },
], ], // @fixable 必须使用单引号，禁止使用双引号
// 结尾必须有分号; // 结尾必须有分号;
semi: [ semi: [
'error', 'error',
@ -47,7 +59,7 @@ module.exports = {
{ {
omitLastInOneLineBlock: true, omitLastInOneLineBlock: true,
}, },
], ], // 结尾必须有分号;
'vue/script-setup-uses-vars': 'error', 'vue/script-setup-uses-vars': 'error',
'@typescript-eslint/ban-ts-ignore': 'off', '@typescript-eslint/ban-ts-ignore': 'off',
'@typescript-eslint/explicit-function-return-type': 'off', '@typescript-eslint/explicit-function-return-type': 'off',
@ -87,11 +99,4 @@ module.exports = {
'vue/attribute-hyphenation': 'off', 'vue/attribute-hyphenation': 'off',
'vue/require-default-prop': 'off', 'vue/require-default-prop': 'off',
}, },
globals: {
defineProps: 'readonly',
defineEmits: 'readonly',
defineExpose: 'readonly',
withDefaults: 'readonly',
uni: 'readonly',
},
}; };

33
.gitignore vendored
View File

@ -1,11 +1,34 @@
node_modules # 日志
dist logs
.eslintcache *.log
.pnpm-lock.yaml npm-debug.log*
*.local yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
.DS_Store
dist
dist-ssr
coverage
*.local
.eslintcache
/cypress/videos/
/cypress/screenshots/
# 编辑器目录和文件 # 编辑器目录和文件
.vscode/*
.hbuilderx/*
!.vscode/extensions.json
!.vscode/settings.json
.idea .idea
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
.eslintcache
.hbuilderx .hbuilderx
pnpm-lock.yaml pnpm-lock.yaml

36
.prettierignore
View File

@ -1,20 +1,18 @@
# 忽略格式化文件 (根据项目需要自行添加) # 忽略目录
node_modules /dist
dist /build
.idea /tests
.vscode /node_modules
.hbuilderx
src/manifest.json
src/pages.json
*.sh
node_modules
*.md
*.woff
*.ttf
*.yaml
dist
/public /public
/docs /src/public
.husky /src/static
.local /src/manifest.json
/bin
# node 覆盖率文件
coverage/
# 忽略文件
**/*-min.js
**/*.min.js
**/*-min.css
**/*.min.css

31
.prettierrc.js
View File

@ -1,25 +1,24 @@
module.exports = { module.exports = {
// 一行最多 160 字符 // .pellerrc 的架构 官网参考：https://prettier.io/docs/en/options.html#tab-width
$schema: 'https://json.schemastore.org/prettierrc',
// 一行最多 120 字符
printWidth: 160, printWidth: 160,
// 不使用缩进符，而使用空格 // 使用 4 个空格缩进
useTabs: true,
// 使用 2 个空格缩进
tabWidth: 4, tabWidth: 4,
tabSize: 4, // 不使用 tab 缩进，而使用空格
useTabs: false,
// 行尾需要有分号 // 行尾需要有分号
semi: true, semi: true,
// 使用单引号 // 使用单引号代替双引号
singleQuote: true, singleQuote: true,
// 对象的 key 仅在必要时用引号 (可选值as-needed|consistent|preserve) // 对象的 key 仅在必要时用引号
quoteProps: 'as-needed', quoteProps: 'as-needed',
// jsx 不使用单引号，而使用双引号 // jsx 不使用单引号，而使用双引号
jsxSingleQuote: false, jsxSingleQuote: false,
// 末尾不需要逗号 'es5' (可选值none|es5|all，默认none) // 末尾使用逗号
trailingComma: 'es5', trailingComma: 'all',
// 大括号内的首尾需要空格 // 大括号内的首尾需要空格 { foo: bar }
bracketSpacing: true, bracketSpacing: true,
// jsx 标签的反尖括号需要换行
jsxBracketSameLine: false,
// 箭头函数，只有一个参数的时候，也需要括号 // 箭头函数，只有一个参数的时候，也需要括号
arrowParens: 'always', arrowParens: 'always',
// 每个文件格式化的范围是文件的全部内容 // 每个文件格式化的范围是文件的全部内容
@ -29,12 +28,10 @@ module.exports = {
requirePragma: false, requirePragma: false,
// 不需要自动在文件开头插入 @prettier // 不需要自动在文件开头插入 @prettier
insertPragma: false, insertPragma: false,
// 使用默认的折行标准 (可选值always|never|preserve) // 使用默认的折行标准
proseWrap: 'preserve', proseWrap: 'preserve',
// 根据显示样式决定 html 要不要折行 (可选值css|strict|ignore) // 根据显示样式决定 html 要不要折行
htmlWhitespaceSensitivity: 'css', htmlWhitespaceSensitivity: 'css',
// vue脚本文件和样式的缩进 // 换行符使用 lf
vueIndentScriptAndStyle: false,
// 换行符使用 lf 结尾是 (可选值auto|lf|crlf|cr)
endOfLine: 'lf', endOfLine: 'lf',
}; };

12
.vscode/extensions.json vendored
View File

@ -1,10 +1,10 @@
{ {
"recommendations": [ "recommendations": [
"CodeInChinese.EnglishChineseDictionary", // 翻译(英汉词典) "Vue.volar", // Vue语言支持扩展
"kisstkondoros.vscode-gutter-preview", // Image 预览 "Vue.vscode-typescript-vue-plugin", // 一个TS服务器插件，使TS服务器知道*.vue文件。
"ritwickdey.LiveServer", // 为静态和动态页面启动具有实时重载功能的本地开发服务器 "esbenp.prettier-vscode", // 代码格式化
"dbaeumer.vscode-eslint", //代码质量检查
"antfu.unocss", // UnoCSS 原子化css "antfu.unocss", // UnoCSS 原子化css
"esbenp.prettier-vscode", // 格式化 "mrmlnc.vscode-autoprefixer" //将less/scss/css文件自动添加浏览器兼容前缀
] ]
} }

3
.vscode/settings.json vendored
View File

@ -4,10 +4,11 @@
"editor.defaultFormatter": "esbenp.prettier-vscode", // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。 "editor.defaultFormatter": "esbenp.prettier-vscode", // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。
"editor.formatOnSave": true, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。 "editor.formatOnSave": true, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。
"editor.detectIndentation": false, // 控制在基于文件内容打开文件时是否自动检测 #editor.tabSize# 和 #editor.insertSpaces#。 "editor.detectIndentation": false, // 控制在基于文件内容打开文件时是否自动检测 #editor.tabSize# 和 #editor.insertSpaces#。
"editor.tabSize": 4, "editor.tabSize": 4, // 一个制表符等于的空格数。当 #editor.detectIndentation# 打开时，将根据文件内容替代此设置。
"editor.codeActionsOnSave": { "editor.codeActionsOnSave": {
"source.fixAll": true, // 控制是否应在文件保存时运行自动修复操作。 "source.fixAll": true, // 控制是否应在文件保存时运行自动修复操作。
"source.fixAll.eslint": true, "source.fixAll.eslint": true,
"source.fixAll.stylelint": true "source.fixAll.stylelint": true
}, // 要在保存时运行的代码操作种类。 }, // 要在保存时运行的代码操作种类。
"files.eol": "\n" //行尾字符与.prettierrc.cjs配置一致
} }

24
README.md
View File

@ -12,14 +12,14 @@
## 简介 ## 简介
- **uni-app Vue3 Vite4 pinia2 TypeScript 基础框架** - **uni-app Vue3 Vite4 pinia2 TypeScript 基础框架**
- cli创建的Vue3/Vite项目 与 使用HBuilderX导入插件 的包有差异,请直接访问 [开源地址](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template) - cli 创建的 Vue3/Vite 项目 与 使用 HBuilderX 导入插件 的包有差异,请直接访问 [开源地址](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template)
- 访问[uniapp插件](https://ext.dcloud.net.cn/plugin?id=8559) - 访问[uniapp 插件](https://ext.dcloud.net.cn/plugin?id=8559)
### 说明 ### 说明
- 框架完全基于Vue3 SFC `<script setup>` 写法,不支持Vue2;
- 框架完全基于 Vue3 SFC `<script setup>` 写法,不支持 Vue2;
- 可用于学习与交流; - 可用于学习与交流;
- 目前测试H5、微信小程序,APP(Android),支付宝小程序通过; - 目前测试 H5、微信小程序,APP(Android),支付宝小程序通过;
- 其他平台暂未测试,后续会增加; - 其他平台暂未测试,后续会增加;
- 如发现问题或建议可在评论区留言, 或提[Issues](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/issues)及[PR](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/pulls),会及时处理; - 如发现问题或建议可在评论区留言, 或提[Issues](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/issues)及[PR](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/pulls),会及时处理;
- 如有需求亦可在评论区留言,或在此项目基础上增加; - 如有需求亦可在评论区留言,或在此项目基础上增加;
@ -28,11 +28,11 @@
## 特性 ## 特性
- **最新技术栈**：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发; - **最新技术栈**：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发;
- **[Unocss](https://github.com/unocss/unocss)**: 原子化CSS, [iconify](https://github.com/iconify/iconify)图标 - **[Unocss](https://github.com/unocss/unocss)**: 原子化 CSS, [iconify](https://github.com/iconify/iconify)图标
- **Eslint/Prettier**: 规范代码格式,统一编码; - **Eslint/Prettier**: 规范代码格式,统一编码;
- **路由拦截**: 基于uni.addInterceptor进行路由拦截; - **路由拦截**: 基于 uni.addInterceptor 进行路由拦截;
- **请求拦截**: 核心使用 [luch-request](https://ext.dcloud.net.cn/plugin?id=392),支持请求和响应拦截等; - **请求拦截**: 核心使用 [luch-request](https://ext.dcloud.net.cn/plugin?id=392),支持请求和响应拦截等;
- **缓存加密**: 使用AES加密缓存,可设置区分在开发或生成环境中是否加密; - **缓存加密**: 使用 AES 加密缓存,可设置区分在开发或生成环境中是否加密;
## 目录结构 ## 目录结构
@ -111,21 +111,16 @@
``` ```
## 预览 ## 预览
- H5 - H5
![h5](https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png ![h5](https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png)
)
- 小程序(体验版-需申请体验) - 小程序(体验版-需申请体验)
![小程序](http://api-catch.ranesuangyu.top/images/20220621/8d4388315ef5b8630d0c0b3963d1ba6b.jpg) ![小程序](http://api-catch.ranesuangyu.top/images/20220621/8d4388315ef5b8630d0c0b3963d1ba6b.jpg)
## 安装使用 ## 安装使用
- 安装依赖 - 安装依赖
@ -155,6 +150,7 @@ pnpm up
# 打开HBuilder X alpha桌面程序-->点击上面的帮助-->历次更新说明-->获取最新版本号（如：3.7.2.20230217-alpha） # 打开HBuilder X alpha桌面程序-->点击上面的帮助-->历次更新说明-->获取最新版本号（如：3.7.2.20230217-alpha）
npx @dcloudio/uvm 3.7.2.20230217-alpha npx @dcloudio/uvm 3.7.2.20230217-alpha
``` ```
## Git 贡献提交规范 ## Git 贡献提交规范
- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular)) - 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))

8
index.html
View File

@ -1,12 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<script> <script>
var coverSupport = var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
'CSS' in window &&
typeof CSS.supports === 'function' &&
(CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
document.write( document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(coverSupport ? ', viewport-fit=cover' : '') + (coverSupport ? ', viewport-fit=cover' : '') +
@ -17,6 +14,7 @@
<!--preload-links--> <!--preload-links-->
<!--app-context--> <!--app-context-->
</head> </head>
<body> <body>
<div id="app"><!--app-html--></div> <div id="app"><!--app-html--></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>

6
package.json
View File

@ -31,7 +31,7 @@
"build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei", "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
"build:quickapp-webview-union": "uni build -p quickapp-webview-union", "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
"lint": "eslint --cache --max-warnings 0 \"src/**/*.{vue,ts}\" --fix", "lint": "eslint --cache --max-warnings 0 \"src/**/*.{vue,ts}\" --fix",
"prettier": "prettier --write \"src/**/*.{js,ts,json,css,scss,vue}\"", "format": "prettier --write src/",
"prepare": "husky install" "prepare": "husky install"
}, },
"dependencies": { "dependencies": {
@ -87,9 +87,7 @@
"typescript": "^4.9.5", "typescript": "^4.9.5",
"unocss": "^0.46.5", "unocss": "^0.46.5",
"unocss-preset-weapp": "^0.2.5", "unocss-preset-weapp": "^0.2.5",
"unplugin-vue-components": "^0.22.12", "vite": "^4.1.4"
"vite": "^4.1.4",
"vite-plugin-eslint": "^1.8.1"
}, },
"husky": { "husky": {
"hooks": { "hooks": {

40
src/pages.json
View File

@ -4,7 +4,7 @@
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "首页", "navigationBarTitleText": "首页",
"navigationStyle":"custom" "navigationStyle": "custom"
}, },
"meta": { "meta": {
"ignoreAuth": true "ignoreAuth": true
@ -53,9 +53,11 @@
} }
} }
], ],
"subPackages": [{ "subPackages": [
{
"root": "pagesA", "root": "pagesA",
"pages": [{ "pages": [
{
"path": "list/test1/index", "path": "list/test1/index",
"style": { "style": {
"navigationBarTitleText": "test1" "navigationBarTitleText": "test1"
@ -63,19 +65,23 @@
"meta": { "meta": {
"ignoreAuth": true "ignoreAuth": true
} }
},{ },
{
"path": "list/test2/index", "path": "list/test2/index",
"style": { "style": {
"navigationBarTitleText": "test2", "navigationBarTitleText": "test2",
"navigationStyle":"custom" "navigationStyle": "custom"
}, },
"meta": { "meta": {
"ignoreAuth": true "ignoreAuth": true
} }
}] }
}, { ]
},
{
"root": "pagesB", "root": "pagesB",
"pages": [{ "pages": [
{
"path": "detail/index", "path": "detail/index",
"style": { "style": {
"navigationBarTitleText": "Detail" "navigationBarTitleText": "Detail"
@ -83,8 +89,10 @@
"meta": { "meta": {
"ignoreAuth": true "ignoreAuth": true
} }
}] }
}], ]
}
],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app", "navigationBarTitleText": "uni-app",
@ -98,21 +106,25 @@
"color": "#474747", "color": "#474747",
"selectedColor": "#9BC6FC", "selectedColor": "#9BC6FC",
"backgroundColor": "#FFFFFF", "backgroundColor": "#FFFFFF",
"list": [{ "list": [
{
"pagePath": "pages/index/index", "pagePath": "pages/index/index",
"text": "首页", "text": "首页",
"iconPath": "static/images/tabBar/home.png", "iconPath": "static/images/tabBar/home.png",
"selectedIconPath": "static/images/tabBar/selectedHome.png" "selectedIconPath": "static/images/tabBar/selectedHome.png"
},{ },
{
"pagePath": "pages/demo/index", "pagePath": "pages/demo/index",
"text": "Demo", "text": "Demo",
"iconPath": "static/images/tabBar/demo.png", "iconPath": "static/images/tabBar/demo.png",
"selectedIconPath": "static/images/tabBar/selectedDemo.png" "selectedIconPath": "static/images/tabBar/selectedDemo.png"
},{ },
{
"pagePath": "pages/about/index", "pagePath": "pages/about/index",
"text": "关于", "text": "关于",
"iconPath": "static/images/tabBar/about.png", "iconPath": "static/images/tabBar/about.png",
"selectedIconPath": "static/images/tabBar/selectedAbout.png" "selectedIconPath": "static/images/tabBar/selectedAbout.png"
}] }
]
} }
} }

3
src/services/api/user.ts
View File

@ -1 +1,2 @@
import { request } from '@/utils/http'; // import { request } from '@/utils/http';
export {};

4
src/types/router/route.d.ts vendored
View File

@ -1,5 +1,5 @@
import { types } from 'sass'; // import { types } from 'sass';
import Boolean = types.Boolean; // import Boolean = types.Boolean;
export interface Route extends Record<string, any> { export interface Route extends Record<string, any> {
path: string; path: string;

4
src/utils/http/index.ts
View File

@ -40,7 +40,7 @@ request.interceptors.request.use(
} }
return options; return options;
}, },
(options) => Promise.reject(options) (options) => Promise.reject(options),
); );
/** /**
@ -59,7 +59,7 @@ request.interceptors.response.use(
(response) => (response) =>
// 请求错误做点什么。可以使用async await 做异步操作 // 请求错误做点什么。可以使用async await 做异步操作
// error('Request Error!'); // error('Request Error!');
Promise.reject(response) Promise.reject(response),
); );
export { request }; export { request };

32
src/utils/platform.ts
View File

@ -20,7 +20,7 @@ export function judgePlatform(target: PLATFORMS): boolean {
let isMpLark = false; let isMpLark = false;
let isMpQq = false; let isMpQq = false;
let isMpKuaishou = false; let isMpKuaishou = false;
let isMpJd = false; // let isMpJd = false;
let isMp360 = false; let isMp360 = false;
let isQuickAppWebView = false; let isQuickAppWebView = false;
let isQuickAppWebViewUnion = false; let isQuickAppWebViewUnion = false;
@ -32,111 +32,93 @@ export function judgePlatform(target: PLATFORMS): boolean {
isVue3 = true; isVue3 = true;
/* #endif */ /* #endif */
return isVue3; return isVue3;
break;
case PLATFORMS.APP_PLUS: case PLATFORMS.APP_PLUS:
/* #ifdef APP-PLUS */ /* #ifdef APP-PLUS */
isAppPlus = true; isAppPlus = true;
/* #endif */ /* #endif */
return isAppPlus; return isAppPlus;
break;
case PLATFORMS.APP_PLUS_NVUE: case PLATFORMS.APP_PLUS_NVUE:
/* #ifdef APP-PLUS-NVUE */ /* #ifdef APP-PLUS-NVUE */
isAppPlusNvue = true; isAppPlusNvue = true;
/* #endif */ /* #endif */
return isAppPlusNvue; return isAppPlusNvue;
break;
case PLATFORMS.APP_NVUE: case PLATFORMS.APP_NVUE:
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
isAppNvue = true; isAppNvue = true;
/* #endif */ /* #endif */
return isAppNvue; return isAppNvue;
break;
case PLATFORMS.H5: case PLATFORMS.H5:
/* #ifdef H5 */ /* #ifdef H5 */
isH5 = true; isH5 = true;
/* #endif */ /* #endif */
return isH5; return isH5;
break;
case PLATFORMS.MP: case PLATFORMS.MP:
/* #ifdef MP */ /* #ifdef MP */
isMp = true; isMp = true;
/* #endif */ /* #endif */
return isMp; return isMp;
break;
case PLATFORMS.MP_WEIXIN: case PLATFORMS.MP_WEIXIN:
/* #ifdef MP-WEIXIN */ /* #ifdef MP-WEIXIN */
isMpWeinxin = true; isMpWeinxin = true;
/* #endif */ /* #endif */
return isMpWeinxin; return isMpWeinxin;
break;
case PLATFORMS.MP_ALIPAY: case PLATFORMS.MP_ALIPAY:
/* #ifdef MP-ALIPAY */ /* #ifdef MP-ALIPAY */
isMpAlipay = true; isMpAlipay = true;
/* #endif */ /* #endif */
return isMpAlipay; return isMpAlipay;
break;
case PLATFORMS.MP_BAIDU: case PLATFORMS.MP_BAIDU:
/* #ifdef MP_BAIDU */ /* #ifdef MP_BAIDU */
isMpBaidu = true; isMpBaidu = true;
/* #endif */ /* #endif */
return isMpBaidu; return isMpBaidu;
break;
case PLATFORMS.MP_TOUTIAO: case PLATFORMS.MP_TOUTIAO:
/* #ifdef MP-TOUTIAO */ /* #ifdef MP-TOUTIAO */
isMpToutiao = true; isMpToutiao = true;
/* #endif */ /* #endif */
return isMpToutiao; return isMpToutiao;
break;
case PLATFORMS.MP_LARK: case PLATFORMS.MP_LARK:
/* #ifdef MP-LARK */ /* #ifdef MP-LARK */
isMpLark = true; isMpLark = true;
/* #endif */ /* #endif */
return isMpLark; return isMpLark;
break;
case PLATFORMS.MP_QQ: case PLATFORMS.MP_QQ:
/* #ifdef MP-QQ */ /* #ifdef MP-QQ */
isMpQq = true; isMpQq = true;
/* #endif */ /* #endif */
return isMpQq; return isMpQq;
break;
case PLATFORMS.MP_KUAISHOU: case PLATFORMS.MP_KUAISHOU:
/* #ifdef MP-KUAISHOU */ /* #ifdef MP-KUAISHOU */
isMpKuaishou = true; isMpKuaishou = true;
/* #endif */ /* #endif */
return isMpKuaishou; return isMpKuaishou;
break; // case PLATFORMS.MP_JD:
case PLATFORMS.MP_JD: // /* #ifdef MP-JD */
/* #ifdef MP-JD */ // isMpJd = true;
isMpJd = true; // /* #endif */
/* #endif */ // return (isMpJd = true);
return (isMpJd = true); // break;
break;
case PLATFORMS.MP_360: case PLATFORMS.MP_360:
/* #ifdef MP-360 */ /* #ifdef MP-360 */
isMp360 = true; isMp360 = true;
/* #endif */ /* #endif */
return isMp360; return isMp360;
break;
case PLATFORMS.QUICKAPP_WEBVIEW: case PLATFORMS.QUICKAPP_WEBVIEW:
/* #ifdef QUICKAPP-WEBVIEW */ /* #ifdef QUICKAPP-WEBVIEW */
isQuickAppWebView = true; isQuickAppWebView = true;
/* #endif */ /* #endif */
return isQuickAppWebView; return isQuickAppWebView;
break;
case PLATFORMS.QUICKAPP_WEBVIEW_UNION: case PLATFORMS.QUICKAPP_WEBVIEW_UNION:
/* #ifdef QUICKAPP-WEBVIEW-UNION */ /* #ifdef QUICKAPP-WEBVIEW-UNION */
isQuickAppWebViewUnion = true; isQuickAppWebViewUnion = true;
/* #endif */ /* #endif */
return isQuickAppWebViewUnion; return isQuickAppWebViewUnion;
break;
case PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI: case PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI:
/* #ifdef QUICKAPP-WEBVIEW-HUAWEI */ /* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
isQuickAppWebViewHuawei = true; isQuickAppWebViewHuawei = true;
/* #endif */ /* #endif */
return isQuickAppWebViewHuawei; return isQuickAppWebViewHuawei;
break;
default: default:
return false; return false;
} }
return false;
} }

69
tsconfig.json
View File

@ -1,54 +1,25 @@
{ {
/* 根选项 */
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], // 指定被编译文件所在的目录
"exclude": [], // 指定不需要被编译的目录
//使用小技巧：在填写路径时 ** 表示任意目录， * 表示任意文件。
/* 项目选项 */
"compilerOptions": { "compilerOptions": {
"target": "esnext", // 目标语言的版本 "target": "ESNext", // 目标语言的版本
"useDefineForClassFields": true, //发出符合ecmascript标准的类字段 "useDefineForClassFields": true, //发出符合ECMAScript标准的类字段
"module": "esnext", // 生成代码的模板标准 "module": "ESNext", // 生成代码的模板标准
"moduleResolution": "node", //指定TypeScript如何从给定的模块说明符中查找文件 "moduleResolution": "Node", //指定TypeScript如何从给定的模块说明符中查找文件
"jsx": "preserve", //指定生成什么JSX代码。
"sourceMap": true, //为发出的JavaScript文件创建源映射文件。
"esModuleInterop": true, // 允许export=导出，由import from 导入
"lib": ["esnext", "dom"], // TS需要引用的库
"types": ["@dcloudio/types"],
// "allowJs": true, // 允许编译器编译JS，JSX文件
// "checkJs": false, // 允许在JS文件中报错，通常与allowJS一起使用
"removeComments": true, // 删除注释
"paths": {
"@/*": ["./src/*"]
}, //指定一组条目，它们将导入重新映射到其他查找位置。
/* 严格检查选项 */
"strict": true, // 开启所有严格的类型检查 "strict": true, // 开启所有严格的类型检查
"alwaysStrict": true, // 在代码中注入'use strict' "jsx": "preserve", //指定生成什么JSX代码。
"noImplicitAny": true, // 不允许隐式的any类型 "resolveJsonModule": true, //是否解析 JSON 模块
"noImplicitThis": true, // 不允许this有隐式的any类型 "isolatedModules": true, // 确保每个文件都可以安全地转译，而不依赖于其他导入。
"strictNullChecks": true, // 在进行类型检查时，请考虑null和undefined。 "esModuleInterop": true, // 发出额外的JavaScript以简化对导入Common/S模块的支持。这使得allowsyntheticdefaulultimports类型兼容。
"strictBindCallApply": true, // 检查bind、call和apply方法的参数是否与原始函数匹配。 "removeComments": true, // 删除注释
"strictFunctionTypes": true, // 在给函数赋值时，要确保参数和返回值是子类型兼容的。 "types": ["@dcloudio/types"],
"strictPropertyInitialization": true, // 类的实例属性必须初始化 "paths": { "@/*": ["./src/*"] }, //指定一组条目，它们将导入重新映射到其他查找位置。
"lib": ["ESNext", "DOM"], // TS需要引用的库
/* 额外检查 */ "skipLibCheck": true, // 跳过所有.d.ts文件的类型检查
"noUnusedLocals": true, //是否检查未使用的局部变量 "noEmit": true, // 从编译中禁用发射文件。
"noUnusedParameters": true, //是否检查未使用的参数
"noImplicitReturns": true, //检查函数是否不含有隐式返回值
"noImplicitOverride": true, //是否检查子类继承自基类时，其重载的函数命名与基类的函数不同步问题
"noFallthroughCasesInSwitch": true, //检查switch中是否含有case没有使用break跳出
"noUncheckedIndexedAccess": true, //是否通过索引签名来描述对象上有未知键但已知值的对象
"noPropertyAccessFromIndexSignature": false, //是否通过" . “(obj.key) 语法访问字段和"索引”( obj[“key”])， 以及在类型中声明属性的方式之间的一致性
/* 实验选项 */
"experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
"emitDecoratorMetadata": true, //为装饰器启用对发出类型元数据的实验性支持
/* 高级选项 */
"forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
"extendedDiagnostics": false, //是否查看 TS 在编译时花费的时间
"noEmitOnError": true, //有错误时不进行编译 "noEmitOnError": true, //有错误时不进行编译
"resolveJsonModule": true //是否解析 JSON 模块 "forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
} "experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
"emitDecoratorMetadata": true //为装饰器启用对发出类型元数据的实验性支持
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
"references": [{ "path": "./tsconfig.node.json" }] // 引用的项目。要求TypeScript 3.0或更高版本。
} }

9
tsconfig.node.json Normal file
View File

@ -0,0 +1,9 @@
{
"compilerOptions": {
"composite": true,
"module": "ESNext",
"moduleResolution": "Node",
"allowSyntheticDefaultImports": true
},
"include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"]
}

5
unocss.config.js
View File

@ -6,10 +6,7 @@
import { defineConfig, presetIcons } from 'unocss'; import { defineConfig, presetIcons } from 'unocss';
import presetWeapp from 'unocss-preset-weapp'; import presetWeapp from 'unocss-preset-weapp';
import { import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer';
transformerAttributify,
transformerClass,
} from 'unocss-preset-weapp/transformer';
const transformRules = { const transformRules = {
'.': '-d111-', '.': '-d111-',

84
vite.config.ts
View File

@ -1,67 +1,26 @@
import { ConfigEnv, UserConfig } from 'vite'; // Vite中文网：https://vitejs.cn/config/
import uni from '@dcloudio/vite-plugin-uni'; import { ConfigEnv, loadEnv, UserConfig } from 'vite';
import eslintPlugin from 'vite-plugin-eslint';
import { resolve } from 'path'; import { resolve } from 'path';
import { loadEnv } from 'vite'; import uni from '@dcloudio/vite-plugin-uni';
import Unocss from 'unocss/vite'; import Unocss from 'unocss/vite';
//发布时动态修改 manifest.json
// if (process.env.NODE_ENV === 'production') {
// // 读取 manifest.json ，修改后重新写入
// const fs = require('fs');
// const manifestPath = './src/manifest.json';
// let Manifest = fs.readFileSync(manifestPath, { encoding: 'utf-8' });
// function replaceManifest(path: string, value: any) {
// const arr = path.split('.');
// const len = arr.length;
// const lastItem = arr[len - 1];
// let i = 0;
// let ManifestArr = Manifest.split(/\n/);
// for (let index = 0; index < ManifestArr.length; index++) {
// const item = ManifestArr[index];
// if (new RegExp(`"${arr[i]}"`).test(item)) ++i;
// if (i === len) {
// const hasComma = /,/.test(item);
// ManifestArr[index] = item.replace(new RegExp(`"${lastItem}"[\\s\\S]*:[\\s\\S]*`), `"${lastItem}": ${value}${hasComma ? ',' : ''}`);
// break;
// }
// }
// Manifest = ManifestArr.join('\n');
// }
// let Data1 = new Date().toLocaleDateString();
// let Data2 = new Date().toLocaleTimeString();
// let Data_ = Data1.replace(/\//g, '-') + ' ' + Data2;
// // 使用
// replaceManifest('description', JSON.stringify(`app平台-${Data_}`));
// replaceManifest(
// 'versionName',
// JSON.stringify(
// String(Number(JSON.parse(Manifest).versionCode) + 1)
// .split('')
// .join('.')
// )
// );
// replaceManifest('versionCode', JSON.stringify(String(Number(JSON.parse(Manifest).versionCode) + 1)));
// fs.writeFileSync(manifestPath, Manifest, { flag: 'w' });
// }
// https://vitejs.cn/config/
export default ({ mode }: ConfigEnv): UserConfig => { export default ({ mode }: ConfigEnv): UserConfig => {
const root = process.cwd(); const root = process.cwd();
const env = loadEnv(mode, root); const env = loadEnv(mode, root);
return { return {
base: './', base: './',
// 设置路径别名
resolve: { resolve: {
alias: { alias: {
'@': resolve('./src'), '@': resolve('./src'),
}, },
extensions: ['.js', '.json', '.ts', '.vue'], // 使用路径别名时想要省略的后缀名，可以自己 增减
}, },
// 自定义全局变量
define: { define: {
'process.env': {}, 'process.env': {},
}, },
// 开发服务器配置
server: { server: {
host: true, host: true,
// open: true, // open: true,
@ -79,21 +38,24 @@ export default ({ mode }: ConfigEnv): UserConfig => {
}, },
}, },
}, },
plugins: [ // 构建配置
uni(), build: {
Unocss(), outDir: 'dist',
// eslintPlugin({ chunkSizeWarningLimit: 1500,
// include: ['src/**/*.js', 'src/**/*.vue', 'src/**/*.ts'], rollupOptions: {
// exclude: ['./node_modules/**'], output: {
// cache: false, entryFileNames: `assets/[name].${new Date().getTime()}.js`,
// }), chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
], assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
css: { compact: true,
preprocessorOptions: { // manualChunks: {
scss: { // vue: ['vue', 'vue-router', 'vuex'],
// additionalData: '@import "@/assets/style/main.scss";', // echarts: ['echarts'],
// },
}, },
}, },
}, },
// 插件
plugins: [uni(), Unocss()],
}; };
}; };