在開始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環境配置和打包的詳細介紹，希望對您有所幫助。