diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..edea154
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 ttentau
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/README.md b/README.md
index 399ccc2..f542968 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,68 @@
+<p align="center">
+   <img src="https://github.com/ttentau/douyin" alt="Star">
+  <a href="https://github.com/vuejs/vue">
+    <img src="https://img.shields.io/badge/Vue-2.6.10-brightgreen.svg" alt="Vue">
+  </a>
+  <a href="https://youzan.github.io/vant/#/zh-CN/intro">
+    <img src="https://img.shields.io/badge/Vant--UI-2.7.0-brightgreen.svg" alt="Vant-ui">
+  </a>
+  <img src="https://img.shields.io/badge/Node-8.9+-brightgreen.svg" alt="Vant-ui">
+   <a href="https://github.com/Geek-James">
+    <img src="https://img.shields.io/badge/build-passing-green.svg" alt="geekJames">
+  </a>
+  <a href="https://github.com/easy-mock/easy-mock">
+    <img src="https://img.shields.io/badge/EasyMock-1.6.0-brightgreen.svg" alt="easymock">
+  </a>
+    <a href="https://github.com/Geek-James/ddBuy/blob/master/LICENSE">
+    <img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
+  </a>
+</p>
+
+简体中文 | [English](https://github.com/ttentau/douyin/vue3-vite/README.en.md)
+
 # 此代码仅供学习，请勿用于商业用途
 
-# 使用 Vue 模仿抖音, 本项目持续更新
+## 简介
 
-## 开发进度
+**douyin** 是一个模仿抖音的移动端短视频项目，它基于 [vue 3](https://v3.cn.vuejs.org/),
+[vite 2](https://cn.vitejs.dev/)
+实现。使用了最新的Vue全家桶技术栈，后台数据通过[mock-js](http://mockjs.com)搭建。相信不管你是处于哪个段位的攻城狮，本项目都能帮助到你。
+
+## 核心技术拆解
+
+- 手机端抓包
+- 首页无限滚动
+- me页面滚动逻辑
+- 通话进入和挂起动画
+
+欢迎提Bug,如有新的需求和想法，欢迎 issue 和 pr
+
+## 预览图
+
+[在线预览地址](http://douyin.ttentau.top)
+
+## 运行
+
+```bash
+# 克隆项目到本地
+git clone https://github.com/ttentau/douyin.git
+
+# 进入项目目录
+cd douyin
+
+# 安装依赖
+npm install
+
+# 启动服务
+npm run serve
+
+# 访问
+Chrome浏览器访问 http://localhost:8080
+Chrome切换成移动端模式快捷键，先按F12调出控制台，再按Ctrl+Shift+M
+
+```
+
+## 功能点
 
 页面|进度
 ---|---
@@ -26,5 +86,19 @@
 -- 右侧菜单子页面|10%
 -- 设置|&#9745;
 -- -- 具体设置页面|0%
-登录\注册|&#9745; 
- 
\ No newline at end of file
+登录\注册|&#9745;
+
+## 问题反馈
+
+移步Issues，欢迎提出问题和建议。
+
+## MIT许可协议
+
+[MIT](https://github.com/ttentau/douyin/blob/vue3-vite/LICENSE)
+
+## 声明
+
+本项目仅做技术交流和学习，请勿用于商业目的！
+
+Copyright (c) 2021 ttentau
+
diff --git a/package.json b/package.json
index 5230ba9..175b045 100644
--- a/package.json
+++ b/package.json
@@ -24,8 +24,8 @@
     "@vitejs/plugin-vue": "^1.9.3",
     "@vitejs/plugin-vue-jsx": "^1.2.0",
     "vite": "^2.6.4",
-    "less": "^4.1.1",
-    "less-loader": "^7.0.0",
+    "less": "4.1.1",
+    "less-loader": "7.0.0",
     "mobile-select": "^1.1.2"
   }
 }