diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..0000523
--- /dev/null
+++ b/.env.development
@@ -0,0 +1 @@
+API_URL=http://localhost:4001
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..e69de29
diff --git a/.eslintrc.js b/.eslintrc.js
index aea2d4a..1773dfd 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -12,7 +12,6 @@ module.exports = {
   rules: {
     'import/no-unresolved': 0,
     'import/extensions': 0,
-    'no-console': 0,
     'vue/html-self-closing': 'off',
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
diff --git a/package.json b/package.json
index 7d63f36..46b7865 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "vue3-vite-template",
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --mode development",
     "build": "vite build",
     "serve": "vite preview",
     "cz": "git add . && git cz",
diff --git a/src/App.vue b/src/App.vue
index 135d798..7f8c10c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,3 +13,12 @@ const local = zhCn;
     </div>
   </el-config-provider>
 </template>
+
+<style>
+.el-form--label-top .el-form-item__label {
+  padding-bottom: 0 !important;
+}
+.el-form-item {
+  margin-bottom: 10px !important;
+}
+</style>
diff --git a/src/apis/index.js b/src/apis/index.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/device-list.vue b/src/views/device-list.vue
new file mode 100644
index 0000000..a935d6b
--- /dev/null
+++ b/src/views/device-list.vue
@@ -0,0 +1,26 @@
+<template>
+  <el-form ref="form" :model="form" :inline="true" label-width="120px">
+    <el-form-item label="Activity zone">
+      <el-select v-model="form.region" placeholder="please select your zone">
+        <el-option label="Zone one" value="shanghai"></el-option>
+        <el-option label="Zone two" value="beijing"></el-option>
+      </el-select>
+    </el-form-item>
+
+    <!-- <el-form-item label="Activity form">
+      <el-input v-model="form.desc"></el-input>
+    </el-form-item> -->
+    <el-form-item>
+      <el-button type="primary" @click="onSubmit">Create</el-button>
+      <el-button>Cancel</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script setup>
+// import { ref } from 'vue';
+
+// const data = {
+//   deviceId: '', // 设备id
+// }
+</script>