diff --git a/package.json b/package.json
index 7ada1a3..70f1886 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,9 @@
     "@vue/cli-plugin-babel": "^3.0.3",
     "@vue/cli-plugin-eslint": "^3.0.3",
     "@vue/cli-service": "^3.0.3",
-    "vue-template-compiler": "^2.5.17"
+    "vue-template-compiler": "^2.5.17",
+    "node-sass": "^4.9.3",
+    "sass-loader": "^7.1.0"
   },
   "eslintConfig": {
     "root": true,
diff --git a/public/index.html b/public/index.html
index d98b7ae..0cc2ccc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,10 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
+    <meta name="screen-orientation" content="portrait"/>
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="full-screen" content="yes">
+    <meta name="x5-fullscreen" content="true">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>douyin</title>
+    <title>抖音</title>
   </head>
   <body>
     <noscript>
diff --git a/src/components/index.vue b/src/components/index.vue
new file mode 100644
index 0000000..db27c8a
--- /dev/null
+++ b/src/components/index.vue
@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+    export default {
+        name: "index"
+    }
+</script>
+
+<style scoped>
+
+</style>
