在开始Vue环境配置之前，您需要确保已经安装了Node.js和npm，如果您没有安装，可以去Node.js官网下载安装。

接下来，我们使用npm安装Vue-cli，它是一个Vue.js脚手架工具，可以快速创建Vue项目和配置 Vue.js 构建工具链。

npm install -g vue-cli

安装完成后，我们可以使用Vue-CLI来快速创建一个Vue.js项目：

vue init webpack my-project

这段命令将创建一个基于 Webpack 模板的新项目，你可以根据需要选择其他模板。执行命令后，会有一系列的配置选项，你可以选择自己需要的配置选项。

安装完毕后，在该项目下输入以下命令进行安装：

npm install

等待安装完成后，运行以下命令进行开发环境：

npm run dev

这段命令将启动开发环境，访问localhost:8080即可看到默认页面。此时您已经可以在该项目下进行Vue.js的开发。

当我们完成开发之后，需要将代码打包发布到生产环境中，使用以下命令即可进行打包：

npm run build

该命令将会把 Vue 项目进行打包，并且生成一个可部署的dist目录。将打包生成的dist目录部署到服务器上，即可完成项目的发布。

如果您需要在生产环境下开启gzip压缩，可以在webpack.prod.conf.js文件中添加以下代码：

var CompressionPlugin = require('compression-webpack-plugin')
plugins: [
new CompressionPlugin({
asset: '[path].gz[query]',
algorithm: 'gzip',
test: /\.(js|css)$/,
threshold: 10240,
minRatio: 0.8
})
]

在该代码片段中，我们添加了compression-webpack-plugin插件，并且设置只压缩js和css文件，文件大小必须大于10KB才能进行压缩。可以根据自己的需要进行修改。

以上就是Vue环境配置和打包的详细介绍，希望对您有所帮助。