在Vue項目開發完成后，我們需要將編寫好的代碼打包為靜態文件并進行發布。Vue項目打包好的文件會生成在/dist目錄下，并包含了HTML、CSS、JavaScript等靜態資源文件。下面我們來詳細講解如何將Vue項目發布成dist文件。

首先，在終端中進入Vue項目的根目錄，安裝打包工具 webpack 和 webpack-cli：

npm install webpack webpack-cli --save-dev

接著，在根目錄中創建一個webpack.config.js文件：

const path = require('path');
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.vue$/,
use: 'vue-loader'
}
]
}
};

在webpack.config.js文件中，我們定義了入口文件為src/main.js，輸出路徑為dist/bundle.js，并配置了Vue組件編譯規則。

接下來，在終端中輸入以下命令進行打包：

npm run build

這條命令會自動運行package.json文件中的build命令，將Vue項目打包為dist文件。

在Vue項目打包完成后，我們可以對打包后的文件進行部署，以便讓用戶通過瀏覽器訪問我們的網站。

將打包后的文件上傳至服務器，我們可以通過 Nginx 來對其進行部署。在 Nginx 的配置文件中，我們可以將dist目錄下的所有文件設置為站點的根目錄。

下面是一個Nginx的配置示例：

server {
listen 80;
server_name example.com;
root /var/www/dist;
location / {
try_files $uri $uri/ /index.html;
}
}

在這個例子中，我們將server_name設置為example.com，將 dist 目錄設置為站點的根目錄，并設置了 location / 的規則。

最后，我們可以在瀏覽器中輸入 URL 地址來訪問我們的站點，例如：http://example.com/。瀏覽器將會請求服務器，并加載dist目錄下的靜態資源文件，從而完成Vue項目的部署。