ci: 修改文件并lint

.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,
+        node: true, //允许运行在node环境下
-        es2021: true,
+        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',
-    },
 };

.gitignore

@@ -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
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.eslintcache
 .hbuilderx
 pnpm-lock.yaml

.vscode/extensions.json

@@ -1,9 +1,10 @@
 {
     "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
-        "esbenp.prettier-vscode" // 格式化
+        "mrmlnc.vscode-autoprefixer" //将less/scss/css文件自动添加浏览器兼容前缀
     ]
 }

.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配置一致
 }

index.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="zh">
-    <head>
+
+<head>
     <meta charset="UTF-8" />
     <script>
         var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
@@ -13,9 +14,11 @@
     <title></title>
     <!--preload-links-->
     <!--app-context-->
-    </head>
+</head>
-    <body>
+
+<body>
     <div id="app"><!--app-html--></div>
     <script type="module" src="/src/main.ts"></script>
-    </body>
+</body>
+
 </html>

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": "^4.1.4"
-        "vite-plugin-eslint": "^1.8.1"
     },
     "husky": {
         "hooks": {

src/services/api/user.ts

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

src/types/router/route.d.ts

@@ -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> {
     path: string;

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:
-        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:
             /* #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;
 }

tsconfig.json

@@ -1,54 +1,25 @@
 {
-    /* 根选项 */
-    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], // 指定被编译文件所在的目录
-    "exclude": [], // 指定不需要被编译的目录
-    //使用小技巧：在填写路径时 ** 表示任意目录， * 表示任意文件。
-
-    /* 项目选项 */
     "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, // 开启所有严格的类型检查
-        "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, //有错误时不进行编译
-        "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或更高版本。
 }

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.*"]
+}

vite.config.ts

@@ -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 { 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(),
+        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()],
     };
 };