Vue CLI是Vue.js官方提供的腳手架工具，可以快速創建Vue項目和各種Vue組件。它內置了許多功能和插件，比如WebPack、Babel、ESLint、VueRouter等。在Vue CLI中使用VueRouter，我們可以方便地實現單頁面應用（Single Page Application）的路由管理。

安裝完Vue CLI后，在終端敲入下面的命令即可創建一個Vue項目：

vue create my-project

創建好Vue項目后，我們需要安裝VueRouter。在終端中輸入下面的命令：

npm install vue-router -S

安裝完VueRouter之后，我們需要配置路由。在src目錄下創建router文件夾，并在該文件夾下創建index.js文件。在index.js中，我們需要引入Vue和VueRouter，并定義路由。比如：

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/about',
name: 'About',
component: About
}
]
const router = new VueRouter({
routes
})
export default router

上面的代碼中，我們定義了兩個路由：'/'和'/about'。當用戶訪問'/'時，會渲染Home組件，訪問'/about'時，會渲染About組件。在實際項目中，我們可以根據需要定義更多的路由。

在main.js中，我們需要引入router，并在Vue實例中把它添加到選項中。代碼如下：

import Vue from 'vue'
import App from './App.vue'
import router from './router'
Vue.config.productionTip = false
new Vue({
router,
render: h =>h(App),
}).$mount('#app')

在上面的代碼中，我們把router添加到Vue實例的選項中，讓其能夠管理路由。

至此，我們已經完成了Vue CLI中VueRouter的配置和使用。在實際項目中，我們可以通過路由管理器和路由鉤子函數（如beforeEach、beforeResolve、afterEach等）來實現更復雜的路由控制和管理。