diff --git a/frontend/.editorconfig b/frontend/.editorconfig
index b95f20e54..4ce911ac8 100644
--- a/frontend/.editorconfig
+++ b/frontend/.editorconfig
@@ -2,14 +2,14 @@
 
 root = true
 
-[*] # 表示所有文件适用
-charset = utf-8 # 设置文件字符集为 utf-8
-end_of_line = lf # 控制换行类型(lf | cr | crlf)
-insert_final_newline = true # 始终在文件末尾插入一个新行
-indent_style = space # 缩进风格（tab | space）
-indent_size = 4 # 缩进大小
-max_line_length = 120 # 最大行长度
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+max_line_length = 120
 
-[*.md] # 表示仅 md 文件适用以下规则
-max_line_length = off # 关闭最大行长度限制
-trim_trailing_whitespace = false # 关闭末尾空格修剪
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/frontend/.env b/frontend/.env
index ade102399..405a5ee04 100644
--- a/frontend/.env
+++ b/frontend/.env
@@ -4,17 +4,12 @@ VITE_GLOB_APP_TITLE = '1Panel'
 # port
 VITE_PORT = 4004
 
-# open 运行 npm run dev 时自动打开浏览器
 VITE_OPEN = false
 
-# 是否生成包预览文件
 VITE_REPORT = false
 
-# 是否开启gzip压缩
 VITE_BUILD_GZIP = false
 
-# 是否删除生产环境 console
 VITE_DROP_CONSOLE = true
 
-
 PANEL_XPACK = false
\ No newline at end of file
diff --git a/frontend/.env.development b/frontend/.env.development
index 023d627b9..4b361c438 100644
--- a/frontend/.env.development
+++ b/frontend/.env.development
@@ -1,13 +1,9 @@
-# 本地环境
 NODE_ENV = 'development'
 
-# 本地环境接口地址
 VITE_API_URL = '/api/v1'
 
-# 是否生成包预览文件
 VITE_REPORT = false
 
-# 是否开启gzip压缩
 VITE_BUILD_GZIP = false
 
 VITE_DROP_CONSOLE = true
diff --git a/frontend/.env.production b/frontend/.env.production
index 53292f176..2f4191900 100644
--- a/frontend/.env.production
+++ b/frontend/.env.production
@@ -1,13 +1,9 @@
-# 线上环境
 NODE_ENV = "production"
 
-#  线上环境接口地址
 VITE_API_URL = '/api/v1'
 
-# 是否生成包预览文件
 VITE_REPORT = true
 
-# 是否开启gzip压缩
 VITE_BUILD_GZIP = false
 
 VITE_DROP_CONSOLE = true
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
index 350a4f91e..7dbca6dfe 100644
--- a/frontend/.eslintrc.js
+++ b/frontend/.eslintrc.js
@@ -7,9 +7,7 @@ module.exports = {
         node: true,
         es6: true,
     },
-    /* 指定如何解析语法 */
     parser: 'vue-eslint-parser',
-    /* 优先级低于 parse 的语法解析配置 */
     parserOptions: {
         parser: '@typescript-eslint/parser',
         ecmaVersion: 2020,
@@ -19,55 +17,49 @@ module.exports = {
             jsx: true,
         },
     },
-    /* 继承某些已有的规则 */
     extends: [
         'plugin:vue/vue3-recommended',
         'plugin:@typescript-eslint/recommended',
         'prettier',
         'plugin:prettier/recommended',
     ],
-    /*
-     * "off" 或 0    ==>  关闭规则
-     * "warn" 或 1   ==>  打开的规则作为警告（不影响代码执行）
-     * "error" 或 2  ==>  规则作为一个错误（代码不能执行，界面报错）
-     */
     rules: {
         // eslint (http://eslint.cn/docs/rules)
-        'no-var': 'error', // 要求使用 let 或 const 而不是 var
-        'no-multiple-empty-lines': ['error', { max: 1 }], // 不允许多个空行
-        'no-use-before-define': 'off', // 禁止在 函数/类/变量 定义之前使用它们
-        'prefer-const': 'off', // 此规则旨在标记使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
-        'no-irregular-whitespace': 'off', // 禁止不规则的空白
+        'no-var': 'error',
+        'no-multiple-empty-lines': ['error', { max: 1 }],
+        'no-use-before-define': 'off',
+        'prefer-const': 'off',
+        'no-irregular-whitespace': 'off',
 
         // typeScript (https://typescript-eslint.io/rules)
-        '@typescript-eslint/no-unused-vars': 'error', // 禁止定义未使用的变量
-        '@typescript-eslint/no-inferrable-types': 'off', // 可以轻松推断的显式类型可能会增加不必要的冗长
-        '@typescript-eslint/no-namespace': 'off', // 禁止使用自定义 TypeScript 模块和命名空间。
-        '@typescript-eslint/no-explicit-any': 'off', // 禁止使用 any 类型
-        '@typescript-eslint/ban-ts-ignore': 'off', // 禁止使用 @ts-ignore
-        '@typescript-eslint/ban-types': 'off', // 禁止使用特定类型
-        '@typescript-eslint/explicit-function-return-type': 'off', // 不允许对初始化为数字、字符串或布尔值的变量或参数进行显式类型声明
-        '@typescript-eslint/no-var-requires': 'off', // 不允许在 import 语句中使用 require 语句
-        '@typescript-eslint/no-empty-function': 'off', // 禁止空函数
-        '@typescript-eslint/no-use-before-define': 'off', // 禁止在变量定义之前使用它们
-        '@typescript-eslint/ban-ts-comment': 'off', // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
-        '@typescript-eslint/no-non-null-assertion': 'off', // 不允许使用后缀运算符的非空断言(!)
-        '@typescript-eslint/explicit-module-boundary-types': 'off', // 要求导出函数和类的公共类方法的显式返回和参数类型
+        '@typescript-eslint/no-unused-vars': 'error',
+        '@typescript-eslint/no-inferrable-types': 'off',
+        '@typescript-eslint/no-namespace': 'off',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/ban-ts-ignore': 'off',
+        '@typescript-eslint/ban-types': 'off',
+        '@typescript-eslint/explicit-function-return-type': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+        '@typescript-eslint/no-empty-function': 'off',
+        '@typescript-eslint/no-use-before-define': 'off',
+        '@typescript-eslint/ban-ts-comment': 'off',
+        '@typescript-eslint/no-non-null-assertion': 'off',
+        '@typescript-eslint/explicit-module-boundary-types': 'off',
 
         // vue (https://eslint.vuejs.org/rules)
-        'vue/no-v-html': 'off', // 禁止使用 v-html
-        'vue/script-setup-uses-vars': 'error', // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该no-unused-vars规则时有效。
-        'vue/v-slot-style': 'error', // 强制执行 v-slot 指令样式
-        'vue/no-mutating-props': 'off', // 不允许组件 prop的改变（明天找原因）
-        'vue/custom-event-name-casing': 'off', // 为自定义事件名称强制使用特定大小写
-        'vue/attributes-order': 'off', // vue api使用顺序，强制执行属性顺序
-        'vue/one-component-per-file': 'off', // 强制每个组件都应该在自己的文件中
-        'vue/html-closing-bracket-newline': 'off', // 在标签的右括号之前要求或禁止换行
-        'vue/max-attributes-per-line': 'off', // 强制每行的最大属性数
-        'vue/multiline-html-element-content-newline': 'off', // 在多行元素的内容之前和之后需要换行符
-        'vue/singleline-html-element-content-newline': 'off', // 在单行元素的内容之前和之后需要换行符
-        'vue/attribute-hyphenation': 'off', // 对模板中的自定义组件强制执行属性命名样式
-        'vue/require-default-prop': 'off', // 此规则要求为每个 prop 为必填时，必须提供默认值
-        'vue/multi-word-component-names': 'off', // 要求组件名称始终为 “-” 链接的单词
+        'vue/no-v-html': 'off',
+        'vue/script-setup-uses-vars': 'error',
+        'vue/v-slot-style': 'error',
+        'vue/no-mutating-props': 'off',
+        'vue/custom-event-name-casing': 'off',
+        'vue/attributes-order': 'off',
+        'vue/one-component-per-file': 'off',
+        'vue/html-closing-bracket-newline': 'off',
+        'vue/max-attributes-per-line': 'off',
+        'vue/multiline-html-element-content-newline': 'off',
+        'vue/singleline-html-element-content-newline': 'off',
+        'vue/attribute-hyphenation': 'off',
+        'vue/require-default-prop': 'off',
+        'vue/multi-word-component-names': 'off',
     },
 };
diff --git a/frontend/.prettierrc.js b/frontend/.prettierrc.js
index 07a0838ee..ee4936a02 100644
--- a/frontend/.prettierrc.js
+++ b/frontend/.prettierrc.js
@@ -1,37 +1,20 @@
 module.exports = {
-    // 一行最多 120 字符
     printWidth: 120,
-    // 使用 4 个空格缩进
     tabWidth: 4,
-    // 不使用 tab 缩进，而使用空格
     useTabs: false,
-    // 行尾需要有分号
     semi: true,
-    // 使用单引号代替双引号
     singleQuote: true,
-    // 对象的 key 仅在必要时用引号
     quoteProps: 'as-needed',
-    // jsx 不使用单引号，而使用双引号
     jsxSingleQuote: false,
-    // 末尾使用逗号
     trailingComma: 'all',
-    // 大括号内的首尾需要空格 { foo: bar }
     bracketSpacing: true,
-    // jsx 标签的反尖括号需要换行
     jsxBracketSameLine: false,
-    // 箭头函数，只有一个参数的时候，也需要括号
     arrowParens: 'always',
-    // 每个文件格式化的范围是文件的全部内容
     rangeStart: 0,
     rangeEnd: Infinity,
-    // 不需要写文件开头的 @prettier
     requirePragma: false,
-    // 不需要自动在文件开头插入 @prettier
     insertPragma: false,
-    // 使用默认的折行标准
     proseWrap: 'never',
-    // 根据显示样式决定 html 要不要折行
     htmlWhitespaceSensitivity: 'ignore',
-    // 换行符使用 lf
     endOfLine: 'auto',
 };
diff --git a/frontend/.stylelintrc.js b/frontend/.stylelintrc.js
index 997db26f2..d5e06d4a3 100644
--- a/frontend/.stylelintrc.js
+++ b/frontend/.stylelintrc.js
@@ -1,41 +1,36 @@
 // @see: https://stylelint.io
 
 module.exports = {
-    /* 继承某些已有的规则 */
     extends: [
-        'stylelint-config-standard', // 配置stylelint拓展插件
-        'stylelint-config-html/vue', // 配置 vue 中 template 样式格式化
-        'stylelint-config-standard-scss', // 配置stylelint scss插件
-        'stylelint-config-recommended-vue/scss', // 配置 vue 中 scss 样式格式化
-        'stylelint-config-recess-order', // 配置stylelint css属性书写顺序插件,
-        'stylelint-config-prettier', // 配置stylelint和prettier兼容
+        'stylelint-config-standard', 
+        'stylelint-config-html/vue', 
+        'stylelint-config-standard-scss', 
+        'stylelint-config-recommended-vue/scss', 
+        'stylelint-config-recess-order', 
+        'stylelint-config-prettier', 
     ],
     overrides: [
-        // 扫描 .vue/html 文件中的<style>标签内的样式
         {
             files: ['**/*.{vue,html}'],
             customSyntax: 'postcss-html',
         },
     ],
-    /**
-     * null  => 关闭该规则
-     */
     rules: {
-        'no-descending-specificity': null, // 禁止在具有较高优先级的选择器后出现被其覆盖的较低优先级的选择器
-        'function-url-quotes': 'always', // 要求或禁止 URL 的引号 "always(必须加上引号)"|"never(没有引号)"
-        'string-quotes': 'double', // 指定字符串使用单引号或双引号
-        'unit-case': null, // 指定单位的大小写 "lower(全小写)"|"upper(全大写)"
-        'color-hex-case': 'lower', // 指定 16 进制颜色的大小写 "lower(全小写)"|"upper(全大写)"
-        'color-hex-length': 'long', // 指定 16 进制颜色的简写或扩写 "short(16进制简写)"|"long(16进制扩写)"
-        'rule-empty-line-before': 'never', // 要求或禁止在规则之前的空行 "always(规则之前必须始终有一个空行)"|"never(规则前绝不能有空行)"|"always-multi-line(多行规则之前必须始终有一个空行)"|"never-multi-line(多行规则之前绝不能有空行。)"
-        'font-family-no-missing-generic-family-keyword': null, // 禁止在字体族名称列表中缺少通用字体族关键字
-        'block-opening-brace-space-before': 'always', // 要求在块的开大括号之前必须有一个空格或不能有空白符 "always(大括号前必须始终有一个空格)"|"never(左大括号之前绝不能有空格)"|"always-single-line(在单行块中的左大括号之前必须始终有一个空格)"|"never-single-line(在单行块中的左大括号之前绝不能有空格)"|"always-multi-line(在多行块中，左大括号之前必须始终有一个空格)"|"never-multi-line(多行块中的左大括号之前绝不能有空格)"
-        'property-no-unknown': null, // 禁止未知的属性(true 为不允许)
-        'no-empty-source': null, // 禁止空源码
-        'declaration-block-trailing-semicolon': null, // 要求或不允许在声明块中使用尾随分号 string："always(必须始终有一个尾随分号)"|"never(不得有尾随分号)"
-        'selector-class-pattern': null, // 强制选择器类名的格式
-        'scss/at-import-partial-extension': null, // 解决不能引入scss文件
-        'value-no-vendor-prefix': null, // 关闭 vendor-prefix(为了解决多行省略 -webkit-box)
+        'no-descending-specificity': null,
+        'function-url-quotes': 'always',
+        'string-quotes': 'double', 
+        'unit-case': null, 
+        'color-hex-case': 'lower',
+        'color-hex-length': 'long',
+        'rule-empty-line-before': 'never',
+        'font-family-no-missing-generic-family-keyword': null,
+        'block-opening-brace-space-before': 'always',
+        'property-no-unknown': null,
+        'no-empty-source': null,
+        'declaration-block-trailing-semicolon': null,
+        'selector-class-pattern': null,
+        'scss/at-import-partial-extension': null,
+        'value-no-vendor-prefix': null,
         'selector-pseudo-class-no-unknown': [
             true,
             {
diff --git a/frontend/package.json b/frontend/package.json
index c51eef932..a235bc3f0 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -2,7 +2,7 @@
     "name": "1Panel-Frontend",
     "private": true,
     "version": "1.10",
-    "description": "1Panel 前端",
+    "description": "1Panel Frontend",
     "scripts": {
         "dev": "vite",
         "serve": "vite",
@@ -16,7 +16,7 @@
         "lint:lint-staged": "lint-staged",
         "release": "standard-version",
         "commit": "git pull && git add -A && git-cz && git push",
-        "prettier:comment": "自动格式化当前目录下的所有文件",
+        "prettier:comment": "automatically format all files in the current directory",
         "prettier": "prettier --write ."
     },
     "dependencies": {
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index b6c09ac24..afc53c8c3 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -22,14 +22,11 @@
         "resolveJsonModule": true,
         "esModuleInterop": true,
         "lib": ["esnext", "dom"],
-        // 解析非相对模块名的基准目录
         "baseUrl": "./",
-        // 模块名到基于 baseUrl的路径映射的列表。
         "paths": {
             "@": ["src"],
             "@/*": ["src/*"]
         },
-        // 跳过库检查，解决打包失败
         "skipLibCheck": true,
         "ignoreDeprecations": "5.0",
         "suppressImplicitAnyIndexErrors": true
diff --git a/frontend/vite-env.d.ts b/frontend/vite-env.d.ts
index e6a8eb0cf..658386df1 100644
--- a/frontend/vite-env.d.ts
+++ b/frontend/vite-env.d.ts
@@ -2,10 +2,9 @@
 /// <reference types="vite-svg-loader" />
 
 interface ImportMetaEnv {
-    readonly VITE_API_URL: string
+    readonly VITE_API_URL: string;
 }
-  
-  interface ImportMeta {
-    readonly env: ImportMetaEnv
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
 }
-  
\ No newline at end of file