diff --git a/package.json b/package.json
index dd4c7ac..06f7208 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-opener": "^2",
+    "@tauri-apps/plugin-shell": "^2.3.0",
     "@vueuse/core": "^13.6.0",
     "lucide-vue-next": "^0.539.0",
     "vue": "^3.5.13"
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index a358b2f..f1baf20 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -12,6 +12,7 @@ dependencies = [
  "tauri",
  "tauri-build",
  "tauri-plugin-opener",
+ "tauri-plugin-shell",
  "tempfile",
  "tokio",
  "uuid",
@@ -853,6 +854,15 @@ version = "1.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "4ef6b89e5b37196644d8796de5268852ff179b44e96276cf4290264843743bb7"
 
+[[package]]
+name = "encoding_rs"
+version = "0.8.35"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75030f3c4f45dafd7586dd6780965a8c7e8e285a5ecb86713e63a79c5b2766f3"
+dependencies = [
+ "cfg-if",
+]
+
 [[package]]
 name = "endi"
 version = "1.1.0"
@@ -2399,6 +2409,16 @@ dependencies = [
  "pin-project-lite",
 ]
 
+[[package]]
+name = "os_pipe"
+version = "1.2.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "db335f4760b14ead6290116f2427bf33a14d4f0617d49f78a246de10c1831224"
+dependencies = [
+ "libc",
+ "windows-sys 0.59.0",
+]
+
 [[package]]
 name = "pango"
 version = "0.18.3"
@@ -3283,12 +3303,44 @@ dependencies = [
  "digest",
 ]
 
+[[package]]
+name = "shared_child"
+version = "1.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "1e362d9935bc50f019969e2f9ecd66786612daae13e8f277be7bfb66e8bed3f7"
+dependencies = [
+ "libc",
+ "sigchld",
+ "windows-sys 0.60.2",
+]
+
 [[package]]
 name = "shlex"
 version = "1.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "0fda2ff0d084019ba4d7c6f371c95d8fd75ce3524c3cb8fb653a3023f6323e64"
 
+[[package]]
+name = "sigchld"
+version = "0.2.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "47106eded3c154e70176fc83df9737335c94ce22f821c32d17ed1db1f83badb1"
+dependencies = [
+ "libc",
+ "os_pipe",
+ "signal-hook",
+]
+
+[[package]]
+name = "signal-hook"
+version = "0.3.18"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d881a16cf4426aa584979d30bd82cb33429027e42122b169753d6ef1085ed6e2"
+dependencies = [
+ "libc",
+ "signal-hook-registry",
+]
+
 [[package]]
 name = "signal-hook-registry"
 version = "1.4.6"
@@ -3703,6 +3755,27 @@ dependencies = [
  "zbus",
 ]
 
+[[package]]
+name = "tauri-plugin-shell"
+version = "2.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2b9ffadec5c3523f11e8273465cacb3d86ea7652a28e6e2a2e9b5c182f791d25"
+dependencies = [
+ "encoding_rs",
+ "log",
+ "open",
+ "os_pipe",
+ "regex",
+ "schemars 0.8.22",
+ "serde",
+ "serde_json",
+ "shared_child",
+ "tauri",
+ "tauri-plugin",
+ "thiserror 2.0.12",
+ "tokio",
+]
+
 [[package]]
 name = "tauri-runtime"
 version = "2.7.1"
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 2f711e7..bfc38dc 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -11,10 +11,12 @@ crate-type = ["staticlib", "cdylib", "rlib"]
 
 [build-dependencies]
 tauri-build = { version = "2", features = [] }
+chrono = { version = "0.4.41", features = ["serde"] }
 
 [dependencies]
 tauri = { version = "2", features = [] }
 tauri-plugin-opener = "2"
+tauri-plugin-shell = "2.0"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
 tokio = "1.47.1"
diff --git a/src-tauri/build.rs b/src-tauri/build.rs
index d860e1e..920cd1c 100644
--- a/src-tauri/build.rs
+++ b/src-tauri/build.rs
@@ -1,3 +1,13 @@
 fn main() {
+    // 设置构建时间
+    let build_time = chrono::Utc::now()
+        .format("%Y-%m-%d %H:%M:%S UTC")
+        .to_string();
+    println!("cargo:rustc-env=BUILD_TIME={}", build_time);
+
+    // 重新构建触发条件
+    println!("cargo:rerun-if-changed=build.rs");
+
+    // Tauri 的构建脚本
     tauri_build::build()
 }
diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
index 4cdbf49..47bb51d 100644
--- a/src-tauri/capabilities/default.json
+++ b/src-tauri/capabilities/default.json
@@ -2,9 +2,13 @@
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "default",
   "description": "Capability for the main window",
-  "windows": ["main"],
+  "windows": [
+    "main"
+  ],
   "permissions": [
     "core:default",
-    "opener:default"
+    "opener:default",
+    "shell:allow-open",
+    "shell:default"
   ]
 }
diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
index c3f178b..23a7b53 100644
--- a/src-tauri/src/main.rs
+++ b/src-tauri/src/main.rs
@@ -4,7 +4,10 @@
 )]
 
 mod plugins;
+mod setup;
 
+use crate::setup::app::get_app_info;
+use chrono::Utc;
 use plugins::{CodeExecutionRequest, ExecutionResult, LanguageInfo, PluginManager};
 use std::fs;
 use std::process::{Command, Stdio};
@@ -213,15 +216,26 @@ async fn clear_execution_history(history: State<'_, ExecutionHistory>) -> Result
 }
 
 fn main() {
+    let build_time = Utc::now().format("%Y-%m-%d %H:%M:%S UTC").to_string();
+    println!("cargo:rustc-env=BUILD_TIME={}", build_time);
+
     tauri::Builder::default()
+        .plugin(tauri_plugin_shell::init())
         .manage(ExecutionHistory::default())
         .manage(PluginManagerState::new(PluginManager::new()))
+        .setup(|app| {
+            let menu = setup::menu::create_menu(app.handle())?;
+            app.set_menu(menu)?;
+            setup::menu::setup_menu_handler(app.handle());
+            Ok(())
+        })
         .invoke_handler(tauri::generate_handler![
             execute_code,
             get_info,
             get_supported_languages,
             get_execution_history,
-            clear_execution_history
+            clear_execution_history,
+            get_app_info
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");
diff --git a/src-tauri/src/setup/app.rs b/src-tauri/src/setup/app.rs
new file mode 100644
index 0000000..6cc1538
--- /dev/null
+++ b/src-tauri/src/setup/app.rs
@@ -0,0 +1,20 @@
+use serde::{Deserialize, Serialize};
+use tauri::command;
+
+#[derive(Debug, Serialize, Deserialize)]
+pub struct AppInfo {
+    pub version: String,
+    pub build_time: String,
+    pub platform: String,
+    pub arch: String,
+}
+
+#[command]
+pub async fn get_app_info() -> Result<AppInfo, String> {
+    Ok(AppInfo {
+        version: env!("CARGO_PKG_VERSION").to_string(),
+        build_time: env!("BUILD_TIME", "Unknown").to_string(),
+        platform: std::env::consts::OS.to_string(),
+        arch: std::env::consts::ARCH.to_string(),
+    })
+}
diff --git a/src-tauri/src/setup/menu.rs b/src-tauri/src/setup/menu.rs
new file mode 100644
index 0000000..3b703ac
--- /dev/null
+++ b/src-tauri/src/setup/menu.rs
@@ -0,0 +1,26 @@
+use tauri::{
+    AppHandle, Emitter,
+    menu::{Menu, MenuBuilder, MenuItemBuilder, SubmenuBuilder},
+};
+
+pub fn create_menu(app: &AppHandle) -> tauri::Result<Menu<tauri::Wry>> {
+    let about_item = MenuItemBuilder::new("关于 CodeForge")
+        .id("about")
+        .build(app)?;
+
+    let app_submenu = SubmenuBuilder::new(app, "CodeForge")
+        .item(&about_item)
+        .build()?;
+
+    let menu = MenuBuilder::new(app).items(&[&app_submenu]).build()?;
+
+    Ok(menu)
+}
+
+pub fn setup_menu_handler(app: &AppHandle) {
+    app.on_menu_event(move |app, event| {
+        if event.id().as_ref() == "about" {
+            let _event = app.emit("show-about", ());
+        }
+    });
+}
diff --git a/src-tauri/src/setup/mod.rs b/src-tauri/src/setup/mod.rs
new file mode 100644
index 0000000..36f60ad
--- /dev/null
+++ b/src-tauri/src/setup/mod.rs
@@ -0,0 +1,2 @@
+pub mod app;
+pub mod menu;
diff --git a/src/App.vue b/src/App.vue
index f2eca06..fa12e08 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -48,17 +48,22 @@
            :show-progress="true"
            @close="toast.show = false">
     </Toast>
+
+    <!-- 关于组件 -->
+    <About v-if="showAbout" @close="closeAbout"/>
   </div>
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
+import { onMounted, onUnmounted, ref } from 'vue'
 import { invoke } from '@tauri-apps/api/core'
+import { listen, UnlistenFn } from '@tauri-apps/api/event'
 import AppHeader from './components/AppHeader.vue'
 import CodeEditor from './components/CodeEditor.vue'
 import OutputPanel from './components/OutputPanel.vue'
 import StatusBar from './components/StatusBar.vue'
 import Toast from './components/Toast.vue'
+import About from './components/About.vue'
 
 interface ExecutionResult
 {
@@ -147,7 +152,7 @@ print(f"Squared: {squared}")`
 }
 
 const code = ref('')
-const currentLanguage = ref('python')
+const currentLanguage = ref('python2')
 const output = ref('')
 const isRunning = ref(false)
 const isSuccess = ref(false)
@@ -155,6 +160,12 @@ const lastExecutionTime = ref(0)
 const activeTab = ref('output')
 const showSettings = ref(false)
 const supportedLanguages = ref<Language[]>([])
+const showAbout = ref(false)
+let unlistenFn: UnlistenFn | null = null
+
+const closeAbout = () => {
+  showAbout.value = false
+}
 
 const envInfo = ref<EnvInfo>({
   installed: false,
@@ -285,10 +296,11 @@ const clearOutput = () => {
   showToast('输出已清空', 'info')
 }
 
-window.addEventListener("contextmenu", (e) => e.preventDefault(), false);
+window.addEventListener('contextmenu', (e) => e.preventDefault(), false)
 
 onMounted(async () => {
   await getSupportedLanguages()
+  await refreshEnvInfo()
 
   // 设置初始代码模板
   if (supportedLanguages.value.length > 0) {
@@ -299,6 +311,15 @@ onMounted(async () => {
     code.value = codeTemplates.python
   }
 
-  await refreshEnvInfo()
+  // 监听来自 Rust 的 show-about 事件
+  unlistenFn = await listen('show-about', () => {
+    showAbout.value = true
+  })
+})
+
+onUnmounted(() => {
+  if (unlistenFn) {
+    unlistenFn()
+  }
 })
 </script>
\ No newline at end of file
diff --git a/src/components/About.vue b/src/components/About.vue
new file mode 100644
index 0000000..666e037
--- /dev/null
+++ b/src/components/About.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="fixed inset-0 backdrop-blur-sm bg-white/20 dark:bg-gray-900/20 flex items-center justify-center z-50 transition-all duration-300 ease-out"
+       :class="{ 'opacity-0': !isVisible, 'opacity-100': isVisible }"
+       @click.self="$event.preventDefault()">
+    <div
+        class="bg-white/95 dark:bg-gray-800/95 backdrop-blur-md rounded-xl shadow-2xl w-4xl p-6 transform transition-all duration-300 ease-out border border-white/20 dark:border-gray-700/30"
+        :class="{
+          'scale-95 opacity-0 translate-y-4': !isVisible,
+          'scale-100 opacity-100 translate-y-0': isVisible
+        }">
+      <!-- 关闭按钮 -->
+      <div class="flex justify-end mb-4">
+        <button
+            class="text-gray-400 hover:cursor-pointer hover:text-gray-600 dark:hover:text-gray-200 transition-all duration-200 hover:scale-110 rounded-full p-1 hover:bg-gray-100 dark:hover:bg-gray-700"
+            @click="closeAbout">
+          <X class="w-5 h-5"></X>
+        </button>
+      </div>
+
+      <!-- 应用图标和标题 -->
+      <div class="text-center mb-6">
+        <div
+            class="w-24 h-24 rounded-xl flex items-center justify-center mx-auto mb-4 transform transition-all duration-300 hover:scale-105 hover:rotate-3">
+          <img src="/codeforge.svg" alt="CodeForge">
+        </div>
+        <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-2 transition-all duration-600 delay-100">CodeForge</h2>
+        <p class="text-gray-600 dark:text-gray-400 mb-4 transition-all duration-600 delay-200">CodeForge 是一款轻量级、高性能的桌面代码执行器，专为开发者、学生和编程爱好者设计。</p>
+      </div>
+
+      <!-- 版本信息 -->
+      <div class="mb-6 transition-all duration-600 delay-300">
+        <div class="bg-gray-50/80 dark:bg-gray-700/80 backdrop-blur-sm rounded-lg p-4 space-y-3 border border-gray-200/50 dark:border-gray-600/50">
+          <div class="flex justify-between items-center transform transition-all duration-200 hover:scale-95">
+            <span class="text-sm font-medium text-gray-600 dark:text-gray-300">版本</span>
+            <span class="text-sm text-gray-900 dark:text-white font-mono bg-blue-100 dark:bg-blue-900/50 px-2 py-1 rounded">{{ version }}</span>
+          </div>
+          <div class="flex justify-between items-center transform transition-all duration-200 hover:scale-95">
+            <span class="text-sm font-medium text-gray-600 dark:text-gray-300">构建时间</span>
+            <span class="text-sm text-gray-900 dark:text-white font-mono">{{ buildTime }}</span>
+          </div>
+          <div class="flex justify-between items-center transform transition-all duration-200 hover:scale-95">
+            <span class="text-sm font-medium text-gray-600 dark:text-gray-300">平台</span>
+            <span class="text-sm text-gray-900 dark:text-white font-mono">{{ platform }}</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- 核心功能 -->
+      <div class="mb-6 transition-all duration-600 delay-400">
+        <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">核心功能</h3>
+        <div class="grid grid-cols-2 gap-3">
+          <div v-for="(feature, index) in features"
+               class="flex items-center space-x-3 p-3 bg-gray-50/50 dark:bg-gray-700/30 rounded-lg border border-gray-200/30 dark:border-gray-600/30 text-sm text-gray-700 dark:text-gray-300 transform transition-all duration-200 hover:scale-105 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:border-blue-200 dark:hover:border-blue-600/50 hover:shadow-md"
+               :key="index">
+            <div class="w-2 h-2 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex-shrink-0"></div>
+            <span class="font-medium">{{ feature }}</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- 技术栈 -->
+      <div class="mb-6 transition-all duration-600 delay-500">
+        <h3 class="text-lg font-semibold text-gray-900 dark:text-white">技术栈</h3>
+        <hr class="border-gray-200/50 dark:border-gray-600/50 my-3" />
+        <div class="flex flex-wrap gap-2">
+          <span v-for="(tech, index) in techStack"
+                class="px-3 py-1 text-xs rounded-full font-medium transform transition-all duration-200 hover:scale-110 hover:-translate-y-1 cursor-pointer"
+                :key="index"
+                :class="tech.class"
+                @click="openTechUrl(tech.url)">
+            {{ tech.name }}
+          </span>
+        </div>
+      </div>
+
+      <!-- 底部信息 -->
+      <div class="border-t border-gray-200/50 dark:border-gray-600/50 pt-4 transition-all duration-600 delay-600">
+        <p class="text-xs text-center text-gray-500 dark:text-gray-400">
+          © 2025 Devlive Community. 专为开发者打造的代码执行工具
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { nextTick, onMounted, ref, watch } from 'vue'
+import { invoke } from '@tauri-apps/api/core'
+import { open } from '@tauri-apps/plugin-shell'
+import { X } from 'lucide-vue-next'
+
+interface AppInfo
+{
+  version: string
+  build_time: string
+  platform: string
+  arch: string
+}
+
+const platform = ref('Unknown')
+const version = ref('1.0.0')
+const buildTime = ref('2025-08-09')
+const isVisible = ref(false)
+
+const features = [
+  '多语言代码执行支持',
+  '智能语法高亮系统',
+  '实时执行统计分析',
+  '现代化用户界面'
+]
+
+const techStack = [
+  { name: 'Vue 3', class: 'bg-emerald-100 dark:bg-emerald-900/50 text-emerald-800 dark:text-emerald-200', url: 'https://vuejs.org' },
+  { name: 'TypeScript', class: 'bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200', url: 'https://www.typescriptlang.org' },
+  { name: 'Tauri', class: 'bg-purple-100 dark:bg-purple-900/50 text-purple-800 dark:text-purple-200', url: 'https://tauri.app' },
+  { name: 'Rust', class: 'bg-orange-100 dark:bg-orange-900/50 text-orange-800 dark:text-orange-200', url: 'https://www.rust-lang.org' },
+  { name: 'Tailwind CSS', class: 'bg-cyan-100 dark:bg-cyan-900/50 text-cyan-800 dark:text-cyan-200', url: 'https://tailwindcss.com' }
+]
+
+const emit = defineEmits<{
+  close: []
+}>()
+
+const closeAbout = () => {
+  isVisible.value = false
+  setTimeout(() => {
+    emit('close')
+  }, 300)
+}
+
+const openTechUrl = async (url: string) => {
+  try {
+    console.log('Opening URL:', url)
+    await open(url)
+  }
+  catch (error) {
+    console.error('Failed to open URL:', error)
+  }
+}
+
+const loadAppInfo = async () => {
+  try {
+    const appInfo: AppInfo = await invoke('get_app_info')
+    version.value = appInfo.version
+    buildTime.value = appInfo.build_time
+    platform.value = `${ appInfo.platform } (${ appInfo.arch })`
+  }
+  catch (error) {
+    console.error('Failed to get app info:', error)
+    // 使用默认值
+    platform.value = navigator.platform
+  }
+}
+
+// 监听组件显示状态，当组件重新显示时重置动画
+watch(() => true, () => {
+  if (!isVisible.value) {
+    nextTick(() => {
+      setTimeout(() => {
+        isVisible.value = true
+      }, 50)
+    })
+  }
+})
+
+onMounted(async () => {
+  await loadAppInfo()
+
+  // 延迟显示动画
+  await nextTick()
+  setTimeout(() => {
+    isVisible.value = true
+  }, 50)
+})
+</script>