ci: 修改文件并lint

2025-04-05 06:12:44 +08:00 · 2023-03-08 10:25:12 +08:00 · 2023-03-08 10:25:12 +08:00 · d5848bdb76
commit d5848bdb76
parent 8de364c82f
12 changed files with 148 additions and 187 deletions
--- 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',
-    },
 };
--- 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
--- 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文件自动添加浏览器兼容前缀
    ]
 }
--- 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配置一致
 }
--- a/index.html
+++ b/index.html
@ -1,21 +1,24 @@
 <!DOCTYPE html>
-<html lang="en">
-    <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)'));
-            document.write(
-                '<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' : '') +
-                    '" />',
-            );
-        </script>
-        <title></title>
-        <!--preload-links-->
-        <!--app-context-->
-    </head>
-    <body>
-        <div id="app"><!--app-html--></div>
-        <script type="module" src="/src/main.ts"></script>
-    </body>
-</html>
+<html lang="zh">
+
+<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)'));
+        document.write(
+            '<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' : '') +
+            '" />',
+        );
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+</head>
+
+<body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
--- 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": {
--- 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 {};
--- 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<string, any> {
    path: string;
--- 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;
 }
--- 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或更高版本。
 }
--- a/tsconfig.node.json
+++ 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.*"]
+}
--- 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()],
    };
 };