diff --git a/docker/Dockerfile b/docker/Dockerfile
new file mode 100644
index 0000000000000000000000000000000000000000..98690e07d75fc391875159328f6ecbe21b3ebfe3
--- /dev/null
+++ b/docker/Dockerfile
@@ -0,0 +1,25 @@
+FROM pytorch/pytorch:2.1.2-cuda12.1-cudnn8-devel
+
+LABEL MAINTAINER="HinGwen.Wong"
+
+# 设置时区
+RUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime && \
+ echo 'Asia/Shanghai' > /etc/timezone
+
+# 切换阿里源并安装必须的系统库
+RUN sed -i s/archive.ubuntu.com/mirrors.aliyun.com/g /etc/apt/sources.list \
+ && sed -i s/security.ubuntu.com/mirrors.aliyun.com/g /etc/apt/sources.list \
+ && apt-get update -y \
+ && apt-get install -y --no-install-recommends wget git libgl1 libglib2.0-0 unzip libpq-dev \
+ && apt-get clean \
+ && rm -rf /var/lib/apt/lists/*
+
+COPY . /workspace/Streamer-Sales
+WORKDIR /workspace/Streamer-Sales
+
+ENV HF_ENDPOINT="https://hf-mirror.com"
+ENV LANG="en_US.UTF-8"
+
+# 安装必备依赖环境
+RUN pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple \
+ && pip install --no-cache-dir -r requirements.txt
diff --git a/frontend/.env b/frontend/.env
new file mode 100644
index 0000000000000000000000000000000000000000..af4c1d8716a5dc1c47a1284800281cd9a94545bb
--- /dev/null
+++ b/frontend/.env
@@ -0,0 +1 @@
+VITE_BASE_SERVER_URL = 'http://127.0.0.1:8000/api/v1'
\ No newline at end of file
diff --git a/frontend/.eslintrc.cjs b/frontend/.eslintrc.cjs
new file mode 100644
index 0000000000000000000000000000000000000000..6f40582dda70241afd3bbd38da6853278bef4aaf
--- /dev/null
+++ b/frontend/.eslintrc.cjs
@@ -0,0 +1,15 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+ root: true,
+ 'extends': [
+ 'plugin:vue/vue3-essential',
+ 'eslint:recommended',
+ '@vue/eslint-config-typescript',
+ '@vue/eslint-config-prettier/skip-formatting'
+ ],
+ parserOptions: {
+ ecmaVersion: 'latest'
+ }
+}
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..8ee54e8d343e466a213c8c30aa04be77126b170d
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
diff --git a/frontend/.prettierrc.json b/frontend/.prettierrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..66e23359c3dabfe3929b4e2fa049c41037afb15f
--- /dev/null
+++ b/frontend/.prettierrc.json
@@ -0,0 +1,8 @@
+{
+ "$schema": "https://json.schemastore.org/prettierrc",
+ "semi": false,
+ "tabWidth": 2,
+ "singleQuote": true,
+ "printWidth": 100,
+ "trailingComma": "none"
+}
\ No newline at end of file
diff --git a/frontend/env.d.ts b/frontend/env.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..11f02fe2a0061d6e6e1f271b21da95423b448b32
--- /dev/null
+++ b/frontend/env.d.ts
@@ -0,0 +1 @@
+///
{{ item.name }}
++ {{ item.character }} +
+当前商品
+ + +{{ currentStatus.currentProductInfo.product_name }}
+{{ currentStatus.currentProductInfo.heighlights }}
+¥ {{ currentStatus.currentProductInfo.selling_price }}
+主播:{{ item.streamer_info.name }}
+商品数:{{ item.product_list.length }}
++ 开播时间: {{ item.status.live_status === 1 ? item.status.start_time : '未开播' }} +
+{{ item.product_info.product_name }}
+{{ item.product_info.heighlights }}
+¥{{ item.product_info.selling_price }}
+{{ item.plugin_name }}
+{{ item.describe }}
+