wenbin-wb
diff --git a/‎README.md
Lines changed: 5 additions & 5 deletions b/‎README.md
Lines changed: 5 additions & 5 deletions
diff --git a/‎index.html
Lines changed: 23 additions & 0 deletions b/‎index.html
Lines changed: 23 additions & 0 deletions
@@ -1,10 +1,10 @@
-# LCG-VCC
+# VCC
 
-VCC是Low Code Generator中独立的Vue组件代码编辑器。可以独立运行。
+VCC(Vue Compontent Creator)是Low Code Generator中独立的Vue组件代码编辑器。可以独立运行。
 
 **通过它可以通过拖拽快速完成Vue组件代码骨架的搭建。详见后文视频介绍链接。** 
 
-> 点击这里快速预览效果：[https://vcc.sahadev.tech/](https://vcc.sahadev.tech/)
+> 点击这里快速预览效果：[https://vcc.sahadev.tech/](https://vcc.sahadev.tech/) 当前已经升级至Vue3 + Vite。
 
 #### 使用示例
 ##### 示例1
@@ -101,9 +101,9 @@ new Vue({
 npm i
 ```
 
-再进行启动:
+再进行启动(Vite):
 ```
-npm run serve
+npm run dev
 ```
 
 运行完成后，就可以访问[http://localhost:8008/](http://localhost:8008/)预览效果了.
 
@@ -0,0 +1,23 @@
+<!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>拖拽式Vue组件代码生成编辑器(VCC)</title><!-- Place this tag in your head or just before your close body tag. -->
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+  </head>
+
+  <style type="text/css">
+    html, body {
+      height: 100%;
+      margin: 0;
+    }
+
+  </style>
+
+  <body>
+    <div id="app" style="height:100%;"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>