在Vue中，我們經常需要編寫相似的組件或頁面，這樣往往會讓我們感到無聊且浪費時間。但是，有一個好消息是我們可以借助vue-cli來快速生成Vue組件和頁面，省去重復編寫相似代碼的繁瑣過程。在下面的文章中，我們將介紹vue-cli以及如何使用它來生成Vue代碼。

vue-cli是Vue.js官方提供的腳手架工具，可以快速搭建Vue應用，快速生成Vue組件和頁面，方便Vue開發人員在項目中快速創建模板。

# 全局安裝 Vue CLI
$ npm install -g @vue/cli
# 創建一個新項目
$ vue create my-project

以上命令用來安裝Vue CLI和創建一個名為“my-project”新的Vue項目，使用Vue CLI可以方便地創建Vue.js全局組件、頁面和插件。

在使用Vue CLI前，請確保已經安裝了Node.js和npm，注意版本要相對應。

vue -V

當你執行vue -V命令時，你會看到你當前Vue CLI版本的信息。

下面是如何使用Vue CLI生成Vue組件：

# 生成foo.vue
$ vue generate component foo

上述命令會在src/components/中生成一個名為“Foo.vue”的Vue組件。你需要注意的是，生成的組件需要手動導入到Vue父組件中。

下面是如何使用Vue CLI生成Vue頁面：

# 生成foo.vue
$ vue generate page foo

上述命令會在src/pages/中生成一個名為“Foo.vue”的Vue頁面組件。同樣我們也需要手動導入到Vue父組件中。

以上是使用Vue CLI生成Vue代碼的方法，Vue CLI提供了更多的命令和功能，我們可以把它當作一個強大的工具箱，能夠幫助我們更高效地進行Vue開發，提高工作效率。希望這篇文章對您有所幫助！