diff --git a/.inscode b/.inscode
index 70c7853df0c162981ebd7cf119d909c807920531..9fec9576d482baaf90d2f47230ce9133cfce99d4 100644
--- a/.inscode
+++ b/.inscode
@@ -1,4 +1,5 @@
 run = "npm i && npm run dev"
+language = "node"
 
 [deployment]
 build = "npm i && npm run build"
@@ -8,3 +9,6 @@ run = "npm run preview"
 PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
 XDG_CONFIG_HOME = "/root/.config"
 npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
+
+[debugger]
+program = "main.js"
diff --git a/index.html b/index.html
index 030a6ff51bfc6f6adcc472f6d8c02db92ce947a8..1942cf4c28be8c384d2187038f7f9e674002d17d 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,48 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>methods方法</title>
+</head>
+
+<body>
+  <div id="app">
+    <!-- methods的直接调用 -->
+    <p>{{hello()}}</p>
+    <p>{{add()}}</p>
+    <button v-on:click="btnClick">点击</button>
+    <p>{{msg}}</p>
+    <ul>
+      <li>姓名：{{name}}</li>
+      <li>城市：{{city}}</li>
+    </ul>
+  </div>
+  <script>
+    let vm = new Vue({
+      el: '#app',
+      data: {
+        name: "llt",
+        city: "Beijing",
+        price1: 50,
+        price2: 200,
+        msg: "旧文本"
+      },
+      methods: {
+
+        hello() {
+          return this.name + "你好！欢迎来到" + this.city + "祝你玩得愉快";
+        },
+        add: function () {
+          return this.price1 + this.price2;
+        },
+        btnClick() {
+          this.msg = "新文本"
+        },
+      }
+    })
+  </script>
+</body>
+
+</html>
\ No newline at end of file
