Vue-cli3是Vue.js官方提供的一个脚手架工具，它可以快速创建Vue项目，开箱即用，可以避免从零开始手写配置，提高开发效率。
从搭建优化到docker部署，我们可以分为以下几个步骤：
- 搭建Vue-cli3项目
使用Vue-cli3，我们可以快速搭建Vue项目，只需要使用以下命令即可：
npm install -g @vue/cli
vue create my-project
其中my-project为项目名称，执行完以上命令后，Vue-cli3会自动创建项目目录结构和基础配置。
- 优化Vue-cli3项目
在创建了Vue项目后，我们需要对项目进行优化，提高开发效率和项目性能，以下是一些常见的优化方式：
- 添加ESLint规范代码风格
- 添加prettier格式化代码
- 添加stylelint检查CSS代码
- 配置alias别名，简化引用路径
- 配置webpack的externals，减少打包体积
以上优化方式可以在Vue-cli3的配置文件中进行配置，具体方法可以参考Vue-cli3官方文档和相关插件文档。
- 打包Vue-cli3项目
打包Vue项目是为了将开发环境下的代码转换成生产环境下的代码，压缩、合并、优化等，减少代码体积、提高加载速度，同时还可以避免一些开发环境下的调试工具对代码的影响。
npm run build
执行以上命令后，Vue-cli3会自动将开发环境下的代码打包成生产环境下的代码。
- Docker部署Vue-cli3项目
使用Docker来部署Vue-cli3项目，可以实现快速部署、统一环境；同时还可以将Docker镜像存储在云端，实现灵活的扩容和部署。
以下是部署Vue-cli3项目到Docker的步骤：
- 编写Dockerfile文件，该文件描述了如何构建镜像和运行容器。
FROM node:12.16.2-alpine
WORKDIR /app
ENV NODE_ENV production
COPY package*.json ./
RUN npm install --registry=https://registry.npm.taobao.org
COPY . .
RUN npm run build
EXPOSE 3000
CMD ["npm", "run", "start"]
以上Dockerfile文件描述了在node:12.16.2-alpine镜像基础上构建项目，在容器中运行npm run build将项目打包成生产环境的代码，最后使用npm run start运行项目。
- 构建Docker镜像
docker build -t my/vue-app .
其中my/vue-app是镜像名称，.表示当前目录。
- 运行Docker容器
docker run -itd --name my-vue-app -p 8080:3000 my/vue-app
其中my-vue-app是容器名称，8080是宿主机端口，3000是容器内部服务端口。执行以上命令后，容器就会自动运行Vue-cli3项目。
总结：
- Vue-cli3可以快速创建Vue项目，开箱即用。
- 对Vue-cli3项目进行优化，可以提高开发效率和项目性能。
- 使用Docker来部署Vue-cli3项目，可以实现快速部署、统一环境。