Vue CLI是一個實用的開發工具，讓我們可以更容易地創建和打包Vue.js項目。在這篇文章中，我們將探討如何使用Vue CLI來打包Vue組件。首先，我們需要安裝Vue CLI：

npm install -g vue-cli

接下來，我們可以使用Vue CLI創建一個基礎的組件，例如一個簡單的按鈕：

vue init webpack my-button

此命令將會創建一個名為“my-button”的目錄，并在其中生成一個基礎的Vue項目。接著，我們可以用以下命令進入“my-button”目錄：

cd my-button

在這里，我們可以自定義我們的組件，例如，我們可以在“/src/components/”文件夾內創建一個名為Button.vue的文件。這個文件將包含按鈕組件的相關代碼：

<template>
<button>{{ buttonText }}</button>
</template>
<script>
export default {
props: {
buttonText: {
type: String,
default: 'Click Me!'
}
}
};
</script>
<style>
button {
background-color: #008CBA;
color: white;
padding: 0.5em 1em;
border: none;
border-radius: 3px;
}
</style>

在這里，我們定義了一個名為“Button”的組件，它具有一個props，按鈕的文本。“Button”組件渲染的模板包含一個按鈕元素，在其中動態綁定按鈕文本。

現在我們已經定義了我們的組件代碼，我們可以使用Vue CLI在“my-button”項目中運行打包命令，將Vue組件打包成單個JavaScript文件，以備我們之后在其它項目中使用：

npm run build

運行該命令后，Vue CLI將會在“/dist/”目錄中生成打包好的組件。我們可以使用該組件在其它Vue項目中輕松導入或安裝它。現在，我們已經學會了如何使用Vue CLI來打包Vue組件。