diff --git a/code/vue/.idea/.gitignore b/code/vue/.idea/.gitignore
new file mode 100644
index 000000000..2438f866c
--- /dev/null
+++ b/code/vue/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Datasource local storage ignored files
+/../../../../../../../:\文档\minshiyuan\new2\code\vue\.idea/dataSources/
+/dataSources.local.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/code/vue/.idea/inspectionProfiles/Project_Default.xml b/code/vue/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 000000000..03d9549ea
--- /dev/null
+++ b/code/vue/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>
\ No newline at end of file
diff --git a/code/vue/.idea/misc.xml b/code/vue/.idea/misc.xml
new file mode 100644
index 000000000..e208459b8
--- /dev/null
+++ b/code/vue/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" project-jdk-name="1.8" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/code/vue/.idea/modules.xml b/code/vue/.idea/modules.xml
new file mode 100644
index 000000000..f8393bc34
--- /dev/null
+++ b/code/vue/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/vue.iml" filepath="$PROJECT_DIR$/.idea/vue.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/code/vue/.idea/vcs.xml b/code/vue/.idea/vcs.xml
new file mode 100644
index 000000000..b2bdec2d7
--- /dev/null
+++ b/code/vue/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/code/vue/.idea/vue.iml b/code/vue/.idea/vue.iml
new file mode 100644
index 000000000..d6ebd4805
--- /dev/null
+++ b/code/vue/.idea/vue.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/code/vue/package-lock.json b/code/vue/package-lock.json
new file mode 100644
index 000000000..ad13e9919
--- /dev/null
+++ b/code/vue/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "vue",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/code/vue/vue3/src/App.vue b/code/vue/vue3/src/App.vue
index 7905b0516..df20e81a8 100644
--- a/code/vue/vue3/src/App.vue
+++ b/code/vue/vue3/src/App.vue
@@ -8,7 +8,7 @@ import HelloWorld from './components/HelloWorld.vue'
     <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
 
     <div class="wrapper">
-      <HelloWorld msg="You did it!" />
+      <HelloWorld msg="哈哈哈，我进来辣!" />
 
       <nav>
         <RouterLink to="/">Home</RouterLink>
diff --git a/code/vue/vue3/vite.config.ts b/code/vue/vue3/vite.config.ts
index c036b6f64..b7b444b93 100644
--- a/code/vue/vue3/vite.config.ts
+++ b/code/vue/vue3/vite.config.ts
@@ -12,6 +12,9 @@ export default defineConfig({
     vueJsx(),
     vueDevTools(),
   ],
+  server: {
+    port: 12715,
+  },
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))