diff --git a/.gitignore b/.gitignore
index 66cbb337c7..daf6f90519 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,7 +15,7 @@ yarn-error.log*
 
 # Editor directories and files
 .idea
-frontend.iml
+**/*.iml
 .vscode
 *.suo
 *.ntvs*
diff --git a/frontend/src/performance/App.vue b/frontend/src/performance/App.vue
index 5a0a6aebd8..f881093aee 100644
--- a/frontend/src/performance/App.vue
+++ b/frontend/src/performance/App.vue
@@ -10,7 +10,7 @@
       </el-col>
       <el-col :span="4">
         <el-row type="flex" justify="center" align="middle">
-          <el-button type="primary" size="small">创建测试</el-button>
+          <el-button type="primary" size="small" @click="createTest">创建测试</el-button>
         </el-row>
       </el-col>
       <el-col :span="10">
@@ -47,7 +47,12 @@
         window.location.href = "/login"
       });
     },
-    components: {MsWebSocket, MsUser, MsMenus, MsSetting, MsView}
+    components: {MsWebSocket, MsUser, MsMenus, MsSetting, MsView},
+    methods: {
+      createTest() {
+        this.$router.push({path: '/createTest'})
+      }
+    }
   }
 </script>
 
diff --git a/frontend/src/performance/components/router/router.js b/frontend/src/performance/components/router/router.js
index 15c21542b5..ab53ac0510 100644
--- a/frontend/src/performance/components/router/router.js
+++ b/frontend/src/performance/components/router/router.js
@@ -4,6 +4,7 @@ import RouterSidebar from "./RouterSidebar";
 import Setting from "../settings/Setting";
 import Workspace from "../settings/Workspace";
 import User from "../settings/User";
+import CreateTestPlan from "../testPlan/CreateTestPlan";
 
 Vue.use(VueRouter);
 
@@ -27,7 +28,12 @@ const router = new VueRouter({
           component: User
         }
       ]
-    }]
+    },
+    {
+      path: "/createTest", components: {
+        content: CreateTestPlan
+      }
+    },]
 });
 
 export default router
diff --git a/frontend/src/performance/components/testPlan/CreateTestPlan.vue b/frontend/src/performance/components/testPlan/CreateTestPlan.vue
new file mode 100644
index 0000000000..6b78f60479
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/CreateTestPlan.vue
@@ -0,0 +1,46 @@
+<template>
+  <div class="container">
+    <el-tabs v-model="active">
+      <el-tab-pane
+        v-for="item in tabs"
+        :key="item.id"
+        :label="item.title"
+        >
+        <component :is="active === item.id ? item.component : false"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+  import BasicConfig from './components/BasicConfig';
+  import PressureConfig from './components/PressureConfig';
+  import AdvancedConfig from './components/AdvancedConfig';
+
+  export default {
+    name: "CreateTestPlan",
+    components: {
+      BasicConfig,
+      PressureConfig,
+      AdvancedConfig
+    },
+    data () {
+      return {
+        active: '0',
+        tabs: [{
+          title: '场景配置',
+          id: '0',
+          component: 'BasicConfig'
+        }, {
+          title: '压力配置',
+          id: '1',
+          component: 'PressureConfig'
+        }, {
+          title: '高级配置',
+          id: '2',
+          component: 'AdvancedConfig'
+        }]
+      }
+    }
+  }
+</script>
diff --git a/frontend/src/performance/components/testPlan/components/AdvancedConfig.vue b/frontend/src/performance/components/testPlan/components/AdvancedConfig.vue
new file mode 100644
index 0000000000..1aec9b6309
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/components/AdvancedConfig.vue
@@ -0,0 +1,16 @@
+<style>
+
+</style>
+
+<template>
+  <div>我是第三个子组件</div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+      }
+    }
+  }
+</script>
diff --git a/frontend/src/performance/components/testPlan/components/BasicConfig.vue b/frontend/src/performance/components/testPlan/components/BasicConfig.vue
new file mode 100644
index 0000000000..b290b2bb02
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/components/BasicConfig.vue
@@ -0,0 +1,16 @@
+<style>
+
+</style>
+
+<template>
+  <div>我是第一个子组件</div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+      }
+    }
+  }
+</script>
diff --git a/frontend/src/performance/components/testPlan/components/PressureConfig.vue b/frontend/src/performance/components/testPlan/components/PressureConfig.vue
new file mode 100644
index 0000000000..2fcc233374
--- /dev/null
+++ b/frontend/src/performance/components/testPlan/components/PressureConfig.vue
@@ -0,0 +1,16 @@
+<style>
+
+</style>
+
+<template>
+  <div>我是第二个子组件</div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+      }
+    }
+  }
+</script>