diff --git a/IoTSharp/Dockerfile_with_vue b/IoTSharp/Dockerfile_with_vue
new file mode 100644
index 0000000000000000000000000000000000000000..2a942b3282bd4528b1420158c0a05c69c930c200
--- /dev/null
+++ b/IoTSharp/Dockerfile_with_vue
@@ -0,0 +1,68 @@
+#See https://aka.ms/containerfastmode to understand how Visual Studio uses this Dockerfile to build your images for faster debugging.
+
+FROM mcr.microsoft.com/dotnet/aspnet:6.0-bullseye-slim AS base
+MAINTAINER Yanhong Ma 2022 <mysticboy@live.com>
+RUN  apt-get  -y update   && \
+     apt-get install  -y apt-utils libgdiplus libc6-dev lsof net-tools wget sqlite3 iputils-ping inetutils-tools   curl libfontconfig1 && \
+     apt-get autoclean 
+WORKDIR /app
+EXPOSE 80  
+EXPOSE 1883 
+EXPOSE 8883 
+
+
+FROM 	mcr.microsoft.com/dotnet/sdk:6.0-bullseye-slim AS build
+RUN  	apt-get  -y update   && \
+	apt-get install  -y  apt-utils libgdiplus libc6-dev lsof net-tools wget sqlite3 iputils-ping inetutils-tools    libfontconfig1 curl   gnupg2 gnupg    && \
+	apt-get autoclean  
+RUN KEYRING=/usr/share/keyrings/nodesource.gpg && curl -fsSL https://deb.nodesource.com/gpgkey/nodesource.gpg.key | gpg --dearmor |  tee "$KEYRING" >/dev/null && \
+	gpg --no-default-keyring --keyring "$KEYRING" --list-keys && \
+	VERSION=node_16.x &&  DISTRO=bullseye  && \
+	echo "deb [signed-by=$KEYRING] https://deb.nodesource.com/$VERSION $DISTRO main" |  tee /etc/apt/sources.list.d/nodesource.list && \
+	apt-get  -y   -q update  && \
+    apt-get install -y nodejs && \
+	ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime && \
+	npm config set registry https://registry.npmmirror.com && \
+	npm install -g  yarn && \
+	yarn config set registry https://registry.npmmirror.com  && \
+	export NODE_OPTIONS=--openssl-legacy-provider && \
+	apt-get autoclean 
+
+    
+WORKDIR /src
+COPY ["IoTSharp/ClientAppVue/package.json", "IoTSharp/ClientAppVue/package.json"]
+RUN  yarn install   --cwd  ./IoTSharp/ClientAppVue/
+COPY ["IoTSharp/IoTSharp.csproj", "IoTSharp/"]
+COPY ["IoTSharp.Contracts/IoTSharp.Contracts.csproj", "IoTSharp.Contracts/"]
+COPY ["IoTSharp.Data.Storage/IoTSharp.Data.Cassandra/IoTSharp.Data.Cassandra.csproj", "IoTSharp.Data.Storage/IoTSharp.Data.Cassandra/"]
+COPY ["IoTSharp.Data/IoTSharp.Data.csproj", "IoTSharp.Data/"]
+COPY ["IoTSharp.Extensions/IoTSharp.Extensions.csproj", "IoTSharp.Extensions/"]
+COPY ["IoTSharp.Data.Storage/IoTSharp.Data.ClickHouse/IoTSharp.Data.ClickHouse.csproj", "IoTSharp.Data.Storage/IoTSharp.Data.ClickHouse/"]
+COPY ["IoTSharp.Data.Storage/IoTSharp.Data.InMemory/IoTSharp.Data.InMemory.csproj", "IoTSharp.Data.Storage/IoTSharp.Data.InMemory/"]
+COPY ["IoTSharp.Data.Storage/IoTSharp.Data.MySQL/IoTSharp.Data.MySQL.csproj", "IoTSharp.Data.Storage/IoTSharp.Data.MySQL/"]
+COPY ["IoTSharp.Data.Storage/IoTSharp.Data.Oracle/IoTSharp.Data.Oracle.csproj", "IoTSharp.Data.Storage/IoTSharp.Data.Oracle/"]
+COPY ["IoTSharp.Data.Storage/IoTSharp.Data.PostgreSQL/IoTSharp.Data.PostgreSQL.csproj", "IoTSharp.Data.Storage/IoTSharp.Data.PostgreSQL/"]
+COPY ["IoTSharp.Data.Storage/IoTSharp.Data.Sqlite/IoTSharp.Data.Sqlite.csproj", "IoTSharp.Data.Storage/IoTSharp.Data.Sqlite/"]
+COPY ["IoTSharp.Data.Storage/IoTSharp.Data.SqlServer/IoTSharp.Data.SqlServer.csproj", "IoTSharp.Data.Storage/IoTSharp.Data.SqlServer/"]
+COPY ["IoTSharp.Data.TimeSeries/IoTSharp.Data.TimeSeries.csproj", "IoTSharp.Data.TimeSeries/"]
+COPY ["IoTSharp.Extensions.DependencyInjection/IoTSharp.Extensions.DependencyInjection.csproj", "IoTSharp.Extensions.DependencyInjection/"]
+COPY ["IoTSharp.Extensions.EFCore/IoTSharp.Extensions.EFCore.csproj", "IoTSharp.Extensions.EFCore/"]
+COPY ["IoTSharp.EventBus.CAP/IoTSharp.EventBus.CAP.csproj", "IoTSharp.EventBus.CAP/"]
+COPY ["IoTSharp.EventBus/IoTSharp.EventBus.csproj", "IoTSharp.EventBus/"]
+COPY ["IoTSharp.EventBus.Shashlik/IoTSharp.EventBus.Shashlik.csproj", "IoTSharp.EventBus.Shashlik/"]
+COPY ["IoTSharp.Extensions.AspNetCore/IoTSharp.Extensions.AspNetCore.csproj", "IoTSharp.Extensions.AspNetCore/"]
+COPY ["IoTSharp.Interpreter/IoTSharp.Interpreter.csproj", "IoTSharp.Interpreter/"]
+COPY ["IoTSharp.TaskActions/IoTSharp.TaskActions.csproj", "IoTSharp.TaskActions/"]
+RUN dotnet restore "IoTSharp/IoTSharp.csproj"
+COPY . .
+WORKDIR "/src/IoTSharp"
+RUN dotnet build "IoTSharp.csproj" -c Release_VUE -o /app/build
+
+     
+FROM build AS publish
+RUN dotnet publish "IoTSharp.csproj" -c Release_VUE -o /app/publish /p:UseAppHost=false
+
+FROM base AS final
+WORKDIR /app
+COPY --from=publish /app/publish .
+ENTRYPOINT ["dotnet", "IoTSharp.dll"]
\ No newline at end of file