Vue CLI Pages是基于Vue CLI 3.x搭建的多頁面應用腳手架。相比于創建單頁面應用，使用Vue CLI Pages可以更方便快捷地創建多頁面應用。

在使用Vue CLI Pages之前，需要注意以下幾點：

1. 熟悉Vue.js基本語法
2. 了解Webpack打包原理
3. 了解Vue CLI基本使用方法

安裝Vue CLI Pages:

npm install -g @vue/cli-pages

創建一個多頁面應用:

vue create project-name
cd project-name
vue add pages

使用Vue CLI Pages可以通過添加頁面文件和路由文件實現多個頁面的切換。 示例：

+ pages/
|-- index/
|-- main.js
|-- App.vue
|-- index.html
|-- about/
|-- main.js
|-- App.vue
|-- index.html
+ router/
|-- index.js

在Vue CLI Pages中，每個頁面都是一個入口文件，并且使用`html-webpack-plugin`生成對應的HTML文件，可以在vue.config.js中進行配置。

// vue.config.js
module.exports = {
pages: {
index: {
entry: 'pages/index/main.js',
template: 'pages/index/index.html',
filename: 'index.html'
},
about: {
entry: 'pages/about/main.js',
template: 'pages/about/index.html',
filename: 'about.html'
}
}
}

在路由文件中可以配置多個路由，對應每個頁面之間的跳轉。

// router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/pages/index/App.vue'
import About from '@/pages/about/App.vue'
Vue.use(Router)
export default new Router({
mode: 'history',
routes: [
{
path: '/',
name: 'index',
component: Index
},
{
path: '/about',
name: 'about',
component: About
}
]
})

以上為Vue CLI Pages的基本使用方法，通過多頁面應用可以更好地實現不同場景下的頁面構建。