Develop

.env.development

@@ -2,12 +2,14 @@
 VITE_APP_PORT = 3000
 
 # 代理前缀
-VITE_APP_BASE_API = '/dev-api'
+VITE_APP_BASE_API = /dev-api
 
-# 线上接口地址
-VITE_APP_API_URL = http://vapi.youlai.tech
-# 开发接口地址
-# VITE_APP_API_URL = http://localhost:8989
+# 接口地址
+VITE_APP_API_URL = https://api.youlai.tech # 线上
+# VITE_APP_API_URL = http://localhost:8989    # 本地
 
-# 是否启用 Mock 服务
+# WebSocket 端点（不配置则关闭），线上 ws://api.youlai.tech/ws ，本地 ws://localhost:8989/ws
+VITE_APP_WS_ENDPOINT =
+
+# 启用 Mock 服务
 VITE_MOCK_DEV_SERVER = false

.env.production

@@ -1,3 +1,6 @@
 # 代理前缀
 VITE_APP_BASE_API = '/prod-api'
 
+
+# WebSocket端点(可选)
+VITE_APP_WS_ENDPOINT = wss://api.youlai.tech/ws 

.eslintrc-auto-import.json

@@ -279,6 +279,38 @@
     "watchThrottled": true,
     "watchTriggerable": true,
     "watchWithFilter": true,
-    "whenever": true
+    "useRoute": true,
+    "useRouter": true,
+    "storeToRefs": true,
+    "whenever": true,
+    "DirectiveBinding": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "WritableComputedRef": true,
+    "acceptHMRUpdate": true,
+    "createPinia": true,
+    "defineStore": true,
+    "getActivePinia": true,
+    "injectLocal": true,
+    "mapActions": true,
+    "mapGetters": true,
+    "mapState": true,
+    "mapStores": true,
+    "mapWritableState": true,
+    "onBeforeRouteLeave": true,
+    "onBeforeRouteUpdate": true,
+    "onWatcherCleanup": true,
+    "provideLocal": true,
+    "setActivePinia": true,
+    "setMapStoreSuffix": true,
+    "useClipboardItems": true,
+    "useI18n": true,
+    "useId": true,
+    "useLink": true,
+    "useModel": true,
+    "useTemplateRef": true
   }
 }

.gitignore

@@ -13,6 +13,6 @@ dist-ssr
 *.sln
 *.local
 
-package-lock.json
-pnpm-lock.yaml
 stats.html
+pnpm-lock.yaml
+package-lock.json

.prettierignore

@@ -9,3 +9,4 @@ public
 
 src/assets
 stats.html
+pnpm-lock.yaml

.prettierrc.yaml

@@ -0,0 +1,41 @@
+# 在单参数箭头函数中始终添加括号
+arrowParens: "always"
+# JSX 多行元素的闭合标签另起一行
+bracketSameLine: false
+# 对象字面量中的括号之间添加空格
+bracketSpacing: true
+# 自动格式化嵌入的代码（如 Markdown 和 HTML 内的代码）
+embeddedLanguageFormatting: "auto"
+# 忽略 HTML 空白敏感度，将空白视为非重要内容
+htmlWhitespaceSensitivity: "ignore"
+# 不插入 @prettier 的 pragma 注释
+insertPragma: false
+# 在 JSX 中使用双引号
+jsxSingleQuote: false
+# 每行代码的最大长度限制为 100 字符
+printWidth: 100
+# 在 Markdown 中保留原有的换行格式
+proseWrap: "preserve"
+# 仅在必要时添加对象属性的引号
+quoteProps: "as-needed"
+# 不要求文件开头插入 @prettier 的 pragma 注释
+requirePragma: false
+# 在语句末尾添加分号
+semi: true
+# 使用双引号而不是单引号
+singleQuote: false
+# 缩进使用 2 个空格
+tabWidth: 2
+# 在多行元素的末尾添加逗号（ES5 支持的对象、数组等）
+trailingComma: "es5"
+# 使用空格而不是制表符缩进
+useTabs: false
+# Vue 文件中的 <script> 和 <style> 不增加额外的缩进
+vueIndentScriptAndStyle: false
+# 根据系统自动检测换行符
+endOfLine: "auto"
+# 对 HTML 文件应用特定格式化规则
+overrides:
+  - files: "*.html"
+    options:
+      parser: "html"

.stylelintrc.cjs

@@ -44,7 +44,7 @@ module.exports = {
     "at-rule-no-unknown": [
       true,
       {
-        ignoreAtRules: ["apply", "use"],
+        ignoreAtRules: ["apply", "use", "forward"],
       },
     ],
   },

README.en-US.md

@@ -3,9 +3,9 @@
   <img alt="vue3-element-admin" width="80" height="80" src="./src/assets/logo.png">
   <h1>vue3-element-admin</h1>
 
-  <img src="https://img.shields.io/badge/Vue-3.4.35-brightgreen.svg"/>
-  <img src="https://img.shields.io/badge/Vite-5.3.5-green.svg"/>
-  <img src="https://img.shields.io/badge/Element Plus-2.7.8-blue.svg"/>
+  <img src="https://img.shields.io/badge/Vue-3.5.1-brightgreen.svg"/>
+  <img src="https://img.shields.io/badge/Vite-5.4.3-green.svg"/>
+  <img src="https://img.shields.io/badge/Element Plus-2.8.1-blue.svg"/>
   <img src="https://img.shields.io/badge/license-MIT-green.svg"/>
   <a href="https://gitee.com/youlaiorg" target="_blank">
       <img src="https://img.shields.io/badge/Author-有来开源组织-orange.svg"/>
@@ -50,10 +50,11 @@
 
 ## Project Links
 
-| Project | Gitee                                                        | Github                                                       | GitCode                                                      |
-| ---- | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
+| Project  | Gitee                                                        | Github                                                       | GitCode                                                      |
+|----------| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
 | Frontend | [vue3-element-admin](https://gitee.com/youlaiorg/vue3-element-admin) | [vue3-element-admin](https://github.com/youlaitech/vue3-element-admin) | [vue3-element-admin](https://gitcode.net/youlai/vue3-element-admin) |
-| Backend | [youlai-boot](https://gitee.com/youlaiorg/youlai-boot)       | [youlai-boot](https://github.com/haoxianrui/youlai-boot.git) | [youlai-boot](https://gitcode.net/youlai/youlai-boot)        |
+| Lite     | [vue3-element-template](https://gitee.com/youlaiorg/vue3-element-template) | [vue3-element-template](https://github.com/youlaitech/vue3-element-template) |-|
+| Backend  | [youlai-boot](https://gitee.com/youlaiorg/youlai-boot)       | [youlai-boot](https://github.com/haoxianrui/youlai-boot.git) | [youlai-boot](https://gitcode.net/youlai/youlai-boot)        |
 
 ## Environment Setup
 

README.md

@@ -1,11 +1,20 @@
 
+ <div >
+  🔥🔥🔥 2024.12.20-12.30
+  ，掘金2024年度人气创作者打榜中，麻烦大家投票支持一下我们，感谢！投票地址：
+  <a href="https://activity.juejin.cn/rank/2024/writer/4187394044331261"  target="_blank">
+  https://activity.juejin.cn/rank/2024/writer/4187394044331261
+  </a>
+</div>
+
+
 <div align="center">
   <img alt="vue3-element-admin" width="80" height="80" src="./src/assets/logo.png">
   <h1>vue3-element-admin</h1>
 
-  <img src="https://img.shields.io/badge/Vue-3.4.35-brightgreen.svg"/>
-  <img src="https://img.shields.io/badge/Vite-5.3.5-green.svg"/>
-  <img src="https://img.shields.io/badge/Element Plus-2.7.8-blue.svg"/>
+  <img src="https://img.shields.io/badge/Vue-3.5.11-brightgreen.svg"/>
+  <img src="https://img.shields.io/badge/Vite-5.4.8-green.svg"/>
+  <img src="https://img.shields.io/badge/Element Plus-2.8.5-blue.svg"/>
   <img src="https://img.shields.io/badge/license-MIT-green.svg"/>
   <a href="https://gitee.com/youlaiorg" target="_blank">
       <img src="https://img.shields.io/badge/Author-有来开源组织-orange.svg"/>
@@ -23,7 +32,7 @@
 
 ## 项目简介
 
-[vue3-element-admin](https://gitee.com/youlaiorg/vue3-element-admin) 是基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的免费开源的中后台管理的前端模板（配套[Java 后端源码](https://gitee.com/youlaiorg/youlai-boot)）。
+[vue3-element-admin](https://gitcode.com/youlai/vue3-element-admin) 是基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的免费开源的中后台管理的前端模板（配套[Java 后端源码](https://gitee.com/youlaiorg/youlai-boot)）。
 
 
 ## 项目特色
@@ -48,13 +57,13 @@
 
 ![接口文档](https://foruda.gitee.com/images/1687755822857820115/96054330_716974.png)
 
-## 项目地址
+## 项目源码
 
-| 项目 | Gitee                                                        | Github                                                       | 
-| ---- | ------------------------------------------------------------ | ------------------------------------------------------------ | 
-| 前端 | [vue3-element-admin](https://gitee.com/youlaiorg/vue3-element-admin) | [vue3-element-admin](https://github.com/youlaitech/vue3-element-admin) | [vue3-element-admin](https://gitcode.net/youlai/vue3-element-admin) |
-| 精简版 | [vue3-element-admin-thin](https://gitee.com/cshaptx4869/vue3-element-admin-thin) | [vue3-element-admin-thin](https://github.com/youlaitech/vue3-element-admin-thin) |
-| 后端 | [youlai-boot](https://gitee.com/youlaiorg/youlai-boot)       | [youlai-boot](https://github.com/haoxianrui/youlai-boot.git) |
+| 项目 | Gitee   | Github    | GitCode|
+| ---- | ----| ---- | ---- |
+| 前端 | [vue3-element-admin](https://gitee.com/youlaiorg/vue3-element-admin) | [vue3-element-admin](https://github.com/youlaitech/vue3-element-admin) | [vue3-element-admin](https://gitcode.com/youlai/vue3-element-admin) |
+| 精简版 | [vue3-element-template](https://gitee.com/youlaiorg/vue3-element-template) | [vue3-element-template](https://github.com/youlaitech/vue3-element-template) |-|
+| 后端 | [youlai-boot](https://gitee.com/youlaiorg/youlai-boot)       | [youlai-boot](https://github.com/haoxianrui/youlai-boot.git) |[youlai-boot](https://gitcode.com/youlai/youlai-boot.git)|
 
 ## 环境准备
 
@@ -107,8 +116,8 @@ server {
 	}
 	# 反向代理配置
 	location /prod-api/ {
-            # vapi.youlai.tech 替换后端API地址，注意保留后面的斜杠 /
-            proxy_pass http://vapi.youlai.tech/; 
+      # api.youlai.tech 替换后端API地址，注意保留后面的斜杠 /
+      proxy_pass http://api.youlai.tech/; 
 	}
 }
 ```
@@ -123,7 +132,7 @@ server {
 
 1. 获取基于 `Java` 和 `SpringBoot` 开发的后端 [youlai-boot](https://gitee.com/youlaiorg/youlai-boot.git) 源码。
 2. 根据后端工程的说明文档 [README.md](https://gitee.com/youlaiorg/youlai-boot#%E9%A1%B9%E7%9B%AE%E8%BF%90%E8%A1%8C) 完成本地启动。
-3. 修改 `.env.development` 文件中的 `VITE_APP_API_URL` 的值，将其从 http://vapi.youlai.tech 更改为 http://localhost:8989。
+3. 修改 `.env.development` 文件中的 `VITE_APP_API_URL` 的值，将其从 https://api.youlai.tech 更改为 http://localhost:8989 即可。
 
 
 ## 注意事项
@@ -176,6 +185,9 @@ Thanks to all the contributors!
 
 [![contributors](https://contrib.rocks/image?repo=youlaitech/vue3-element-admin)](https://github.com/youlaitech/vue3-element-admin/graphs/contributors)
 
+## G-Star
+
+![](https://foruda.gitee.com/images/1728577513089814203/95f2a70d_716974.jpeg)
 
 ## 交流群🚀