當我們使用Vue進行前端開發時，有時候我們需要將我們編寫的代碼進行打包，然后放在服務器上運行。而Vue的打包工具vue-cli會默認把打好的包放在項目的根目錄dist文件夾中，這時我們就需要用到vue build路徑設置了。

首先，我們需要了解Vue的打包工具vue-cli是基于webpack的，因此我們需要對webpack打包工具有一定的了解。在webpack中，有一個output屬性，可以通過這個屬性來設置打包后文件輸出的目錄和文件名，而我們在vue.config.js中可以通過chainWebpack來修改webpack的配置。

chainWebpack: config =>{
config
.plugin('html')
.tap(args =>{
args[0].title = 'My App'
args[0].template = 'public/index.html'
args[0].filename = 'my-app.html'
return args
})
}

上面的代碼是一個基本的vue.config.js的配置模板。其中，chainWebpack是對webpack的配置進行修改的方法，config是修改后的webpack配置。我們可以通過鏈式調用修改webpack的插件、loader等配置。

那么，在打包時我們如何設置輸出的文件夾呢？我們可以在chainWebpack中使用output方法，例如：

chainWebpack: config =>{
config
.output
.path('my/project/dist')
}

這時，我們打包后的文件就會輸出到my/project/dist文件夾中。如果我們需要修改輸出的文件名，可以通過filename方法來實現，例如：

chainWebpack: config =>{
config
.output
.path('my/project/dist')
.filename('my-app.js')
}

這時，我們打包后的文件名就會變成my-app.js了。

除了在vue.config.js中修改，我們還可以通過命令行參數來設置輸出路徑，例如：

vue-cli-service build --dest my/project/dist

這時，我們的打包后文件也會輸出到my/project/dist文件夾中。如果我們需要修改輸出的文件名，可以通過--filename參數來實現，例如：

vue-cli-service build --filename my-app.js

這時，我們的打包后文件名就會變成my-app.js了。

在使用Vue進行前端開發時，我們需要將我們編寫的代碼進行打包，然后放在服務器上運行。而Vue的打包工具vue-cli會默認把打好的包放在項目的根目錄dist文件夾中，這時我們就需要用到vue build路徑設置了。我們可以在vue.config.js中使用chainWebpack方法來修改webpack配置，也可以通過命令行參數來設置輸出路徑和文件名。