Vue Loader是用于將Vue組件轉換為JavaScript模塊的Webpack插件。它允許開發者使用單個文件來描述組件，并支持PostCSS、Sass、Less等預處理器，同時也可以在開發過程中添加熱重載。

由于Vue Loader依賴于Webpack，因此使用Vue Loader之前需要先安裝Webpack。

npm install webpack -g

安裝好Webpack之后，接下來就可以安裝Vue Loader。

npm install vue-loader vue-template-compiler -D

安裝完成后，需要在webpack.config.js中配置Vue Loader。首先需要在頂部引入Vue Loader插件。

const VueLoaderPlugin = require('vue-loader/lib/plugin')

再在plugins屬性中加入VueLoaderPlugin。

module.exports = {
// ...
plugins: [
// make sure to include the plugin!
new VueLoaderPlugin()
]
}

接下來需要配置module.rules，以告訴Webpack在處理.vue文件時使用Vue Loader。

module.exports = {
// ...
module: {
rules: [
// ... other rules
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
},
// ...
}

之后就可以使用.vue文件來編寫Vue組件了。