diff --git a/.eslintrc.js b/.eslintrc.js
index 84fed4d..a91d224 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,15 +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 = {
+ root: true,
env: {
- browser: true,
- es2021: true,
+ node: true, //允许运行在node环境下
+ browser: true, //允许运行在浏览器环境下
+ es2021: true, //允许运行es2021环境下语法
},
parser: 'vue-eslint-parser',
- extends: ['plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-essential', 'prettier'],
parserOptions: {
ecmaVersion: 'latest',
- parser: '@typescript-eslint/parser',
sourceType: 'module',
+ parser: '@typescript-eslint/parser',
},
+ extends: ['plugin:vue/vue3-essential', 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+ plugins: ['vue', '@typescript-eslint', 'prettier'],
settings: {
'import/resolver': {
alias: {
@@ -18,16 +25,25 @@ module.exports = {
},
},
},
- plugins: ['vue', '@typescript-eslint', 'prettier'],
+ globals: {
+ //可以定义全局中的变量的权限（只读，可读可写）
+ defineProps: 'readonly',
+ defineEmits: 'readonly',
+ defineExpose: 'readonly',
+ withDefaults: 'readonly',
+ uni: 'readonly',
+ },
rules: {
'no-console': 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',
'vue/no-multiple-template-root': 'off',
'no-mutating-props': 'off',
'vue/no-v-html': 'off',
- // @fixable 必须使用单引号，禁止使用双引号
+ camelcase: 'error', // 双峰驼命名格式
+ // indent: ['error', 4], //代码缩进4个空格 (switch时与prettier发生冲突)
+ eqeqeq: ['error', 'always', { null: 'ignore' }], //比较时强制使用 === 或者 !==,但对null作比较时可以不用全等
quotes: [
'error',
'single',
@@ -35,7 +51,7 @@ module.exports = {
avoidEscape: true,
allowTemplateLiterals: true,
},
- ],
+ ], // @fixable 必须使用单引号，禁止使用双引号
// 结尾必须有分号;
semi: [
'error',
@@ -43,7 +59,7 @@ module.exports = {
{
omitLastInOneLineBlock: true,
},
- ],
+ ], // 结尾必须有分号;
'vue/script-setup-uses-vars': 'error',
'@typescript-eslint/ban-ts-ignore': 'off',
'@typescript-eslint/explicit-function-return-type': 'off',
@@ -83,11 +99,4 @@ module.exports = {
'vue/attribute-hyphenation': 'off',
'vue/require-default-prop': 'off',
},
- globals: {
- defineProps: 'readonly',
- defineEmits: 'readonly',
- defineExpose: 'readonly',
- withDefaults: 'readonly',
- uni: 'readonly',
- },
};
diff --git a/.gitignore b/.gitignore
index 2f46287..6347ba2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,11 +1,34 @@
-node_modules
-dist
-.eslintcache
-.pnpm-lock.yaml
-*.local
+# 日志
+logs
+*.log
+npm-debug.log*
+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
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.eslintcache
.hbuilderx
pnpm-lock.yaml
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 9771df2..8cff2f2 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,9 +1,10 @@
{
"recommendations": [
- "CodeInChinese.EnglishChineseDictionary", // 翻译(英汉词典)
- "kisstkondoros.vscode-gutter-preview", // Image 预览
- "ritwickdey.LiveServer", // 为静态和动态页面启动具有实时重载功能的本地开发服务器
+ "Vue.volar", // Vue语言支持扩展
+ "Vue.vscode-typescript-vue-plugin", // 一个TS服务器插件，使TS服务器知道*.vue文件。
+ "esbenp.prettier-vscode", // 代码格式化
+ "dbaeumer.vscode-eslint", //代码质量检查
"antfu.unocss", // UnoCSS 原子化css
- "esbenp.prettier-vscode" // 格式化
+ "mrmlnc.vscode-autoprefixer" //将less/scss/css文件自动添加浏览器兼容前缀
]
}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index b68d597..8ea3fa5 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -4,10 +4,11 @@
"editor.defaultFormatter": "esbenp.prettier-vscode", // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。
"editor.formatOnSave": true, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。
"editor.detectIndentation": false, // 控制在基于文件内容打开文件时是否自动检测 #editor.tabSize# 和 #editor.insertSpaces#。
- "editor.tabSize": 4,
+ "editor.tabSize": 4, // 一个制表符等于的空格数。当 #editor.detectIndentation# 打开时，将根据文件内容替代此设置。
"editor.codeActionsOnSave": {
"source.fixAll": true, // 控制是否应在文件保存时运行自动修复操作。
"source.fixAll.eslint": true,
"source.fixAll.stylelint": true
- } // 要在保存时运行的代码操作种类。
+ }, // 要在保存时运行的代码操作种类。
+ "files.eol": "\n" //行尾字符与.prettierrc.cjs配置一致
}
diff --git a/index.html b/index.html
index 1948eec..d2edea7 100644
--- a/index.html
+++ b/index.html
@@ -1,21 +1,24 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/package.json b/package.json
index 0f62709..9eccce5 100644
--- a/package.json
+++ b/package.json
@@ -88,8 +88,7 @@
"unocss": "^0.46.5",
"unocss-preset-weapp": "^0.2.5",
"unplugin-vue-components": "^0.22.12",
- "vite": "^4.1.4",
- "vite-plugin-eslint": "^1.8.1"
+ "vite": "^4.1.4"
},
"husky": {
"hooks": {
diff --git a/src/services/api/user.ts b/src/services/api/user.ts
index 2be05ab..7f785e1 100644
--- a/src/services/api/user.ts
+++ b/src/services/api/user.ts
@@ -1 +1,2 @@
-import { request } from '@/utils/http';
+// import { request } from '@/utils/http';
+export {};
diff --git a/src/types/router/route.d.ts b/src/types/router/route.d.ts
index f2aaa86..502697f 100644
--- a/src/types/router/route.d.ts
+++ b/src/types/router/route.d.ts
@@ -1,5 +1,5 @@
-import { types } from 'sass';
-import Boolean = types.Boolean;
+// import { types } from 'sass';
+// import Boolean = types.Boolean;
export interface Route extends Record {
path: string;
diff --git a/src/utils/platform.ts b/src/utils/platform.ts
index 366a148..23be0ef 100644
--- a/src/utils/platform.ts
+++ b/src/utils/platform.ts
@@ -20,7 +20,7 @@ export function judgePlatform(target: PLATFORMS): boolean {
let isMpLark = false;
let isMpQq = false;
let isMpKuaishou = false;
- let isMpJd = false;
+ // let isMpJd = false;
let isMp360 = false;
let isQuickAppWebView = false;
let isQuickAppWebViewUnion = false;
@@ -32,111 +32,93 @@ export function judgePlatform(target: PLATFORMS): boolean {
isVue3 = true;
/* #endif */
return isVue3;
- break;
case PLATFORMS.APP_PLUS:
/* #ifdef APP-PLUS */
isAppPlus = true;
/* #endif */
return isAppPlus;
- break;
case PLATFORMS.APP_PLUS_NVUE:
/* #ifdef APP-PLUS-NVUE */
isAppPlusNvue = true;
/* #endif */
return isAppPlusNvue;
- break;
case PLATFORMS.APP_NVUE:
/* #ifdef APP-NVUE */
isAppNvue = true;
/* #endif */
return isAppNvue;
- break;
case PLATFORMS.H5:
/* #ifdef H5 */
isH5 = true;
/* #endif */
return isH5;
- break;
case PLATFORMS.MP:
/* #ifdef MP */
isMp = true;
/* #endif */
return isMp;
- break;
case PLATFORMS.MP_WEIXIN:
/* #ifdef MP-WEIXIN */
isMpWeinxin = true;
/* #endif */
return isMpWeinxin;
- break;
case PLATFORMS.MP_ALIPAY:
/* #ifdef MP-ALIPAY */
isMpAlipay = true;
/* #endif */
return isMpAlipay;
- break;
case PLATFORMS.MP_BAIDU:
/* #ifdef MP_BAIDU */
isMpBaidu = true;
/* #endif */
return isMpBaidu;
- break;
case PLATFORMS.MP_TOUTIAO:
/* #ifdef MP-TOUTIAO */
isMpToutiao = true;
/* #endif */
return isMpToutiao;
- break;
case PLATFORMS.MP_LARK:
/* #ifdef MP-LARK */
isMpLark = true;
/* #endif */
return isMpLark;
- break;
case PLATFORMS.MP_QQ:
/* #ifdef MP-QQ */
isMpQq = true;
/* #endif */
return isMpQq;
- break;
case PLATFORMS.MP_KUAISHOU:
/* #ifdef MP-KUAISHOU */
isMpKuaishou = true;
/* #endif */
return isMpKuaishou;
- break;
- case PLATFORMS.MP_JD:
- /* #ifdef MP-JD */
- isMpJd = true;
- /* #endif */
- return (isMpJd = true);
- break;
+ // case PLATFORMS.MP_JD:
+ // /* #ifdef MP-JD */
+ // isMpJd = true;
+ // /* #endif */
+ // return (isMpJd = true);
+ // break;
case PLATFORMS.MP_360:
/* #ifdef MP-360 */
isMp360 = true;
/* #endif */
return isMp360;
- break;
case PLATFORMS.QUICKAPP_WEBVIEW:
/* #ifdef QUICKAPP-WEBVIEW */
isQuickAppWebView = true;
/* #endif */
return isQuickAppWebView;
- break;
case PLATFORMS.QUICKAPP_WEBVIEW_UNION:
/* #ifdef QUICKAPP-WEBVIEW-UNION */
isQuickAppWebViewUnion = true;
/* #endif */
return isQuickAppWebViewUnion;
- break;
case PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI:
/* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
isQuickAppWebViewHuawei = true;
/* #endif */
return isQuickAppWebViewHuawei;
- break;
default:
return false;
}
- return false;
}
diff --git a/tsconfig.json b/tsconfig.json
index 65cfb69..aee314d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,54 +1,25 @@
{
- /* 根选项 */
- "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], // 指定被编译文件所在的目录
- "exclude": [], // 指定不需要被编译的目录
- //使用小技巧：在填写路径时 ** 表示任意目录， * 表示任意文件。
-
- /* 项目选项 */
"compilerOptions": {
- "target": "esnext", // 目标语言的版本
- "useDefineForClassFields": true, //发出符合ecmascript标准的类字段
- "module": "esnext", // 生成代码的模板标准
- "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/*"]
- }, //指定一组条目，它们将导入重新映射到其他查找位置。
-
- /* 严格检查选项 */
+ "target": "ESNext", // 目标语言的版本
+ "useDefineForClassFields": true, //发出符合ECMAScript标准的类字段
+ "module": "ESNext", // 生成代码的模板标准
+ "moduleResolution": "Node", //指定TypeScript如何从给定的模块说明符中查找文件
"strict": true, // 开启所有严格的类型检查
- "alwaysStrict": true, // 在代码中注入'use strict'
- "noImplicitAny": true, // 不允许隐式的any类型
- "noImplicitThis": true, // 不允许this有隐式的any类型
- "strictNullChecks": true, // 在进行类型检查时，请考虑null和undefined。
- "strictBindCallApply": true, // 检查bind、call和apply方法的参数是否与原始函数匹配。
- "strictFunctionTypes": true, // 在给函数赋值时，要确保参数和返回值是子类型兼容的。
- "strictPropertyInitialization": true, // 类的实例属性必须初始化
-
- /* 额外检查 */
- "noUnusedLocals": 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 在编译时花费的时间
+ "jsx": "preserve", //指定生成什么JSX代码。
+ "resolveJsonModule": true, //是否解析 JSON 模块
+ "isolatedModules": true, // 确保每个文件都可以安全地转译，而不依赖于其他导入。
+ "esModuleInterop": true, // 发出额外的JavaScript以简化对导入Common/S模块的支持。这使得allowsyntheticdefaulultimports类型兼容。
+ "removeComments": true, // 删除注释
+ "types": ["@dcloudio/types"],
+ "paths": { "@/*": ["./src/*"] }, //指定一组条目，它们将导入重新映射到其他查找位置。
+ "lib": ["ESNext", "DOM"], // TS需要引用的库
+ "skipLibCheck": true, // 跳过所有.d.ts文件的类型检查
+ "noEmit": 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或更高版本。
}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..1a7ab1b
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "module": "ESNext",
+ "moduleResolution": "Node",
+ "allowSyntheticDefaultImports": true
+ },
+ "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"]
+}
diff --git a/vite.config.ts b/vite.config.ts
index b4e77f2..6d17f3f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,67 +1,26 @@
-import { ConfigEnv, UserConfig } from 'vite';
-import uni from '@dcloudio/vite-plugin-uni';
-import eslintPlugin from 'vite-plugin-eslint';
+// Vite中文网：https://vitejs.cn/config/
+import { ConfigEnv, loadEnv, UserConfig } from 'vite';
import { resolve } from 'path';
-import { loadEnv } from 'vite';
+import uni from '@dcloudio/vite-plugin-uni';
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 => {
const root = process.cwd();
const env = loadEnv(mode, root);
return {
base: './',
+ // 设置路径别名
resolve: {
alias: {
'@': resolve('./src'),
},
+ extensions: ['.js', '.json', '.ts', '.vue'], // 使用路径别名时想要省略的后缀名，可以自己 增减
},
+ // 自定义全局变量
define: {
'process.env': {},
},
+ // 开发服务器配置
server: {
host: true,
// open: true,
@@ -79,21 +38,24 @@ export default ({ mode }: ConfigEnv): UserConfig => {
},
},
},
- plugins: [
- uni(),
- Unocss(),
- // eslintPlugin({
- // include: ['src/**/*.js', 'src/**/*.vue', 'src/**/*.ts'],
- // exclude: ['./node_modules/**'],
- // cache: false,
- // }),
- ],
- css: {
- preprocessorOptions: {
- scss: {
- // additionalData: '@import "@/assets/style/main.scss";',
+ // 构建配置
+ build: {
+ outDir: 'dist',
+ chunkSizeWarningLimit: 1500,
+ rollupOptions: {
+ output: {
+ entryFileNames: `assets/[name].${new Date().getTime()}.js`,
+ chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
+ assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
+ compact: true,
+ // manualChunks: {
+ // vue: ['vue', 'vue-router', 'vuex'],
+ // echarts: ['echarts'],
+ // },
},
},
},
+ // 插件
+ plugins: [uni(), Unocss()],
};
};