Vue CLI 3.0是一個基于Vue.js的腳手架工具，用于快速搭建Vue應用程序的骨架。axios是一個來自于Vue.js的基于Promise的HTTP庫，專門用于瀏覽器和Node.js的HTTP客戶端。這篇文章將會詳細介紹Vue CLI 3.0和axios的結合使用方式。

首先，我們需要基于Vue CLI 3.0創建一個新的Vue項目。使用命令行工具進入項目路徑并執行以下命令：

vue create my-project

隨后，我們需要安裝axios。我們可以使用npm或yarn進行安裝。下面是使用npm的安裝方式：

npm install axios

安裝完成后，我們需要在Vue應用程序中引入axios。在src/main.js文件中添加下面的代碼：

import axios from 'axios'
Vue.prototype.$http = axios

上面的代碼將axios庫注冊到Vue.js實例中，它會添加一個$http對象，使得我們可以在Vue組件中方便地使用axios。

現在，我們可以編寫一個Vue組件，并在其中使用axios創建一個HTTP請求。下面是一個基本的例子，在組件的mounted生命周期鉤子中使用axios獲取數據并渲染在頁面中：

export default {
name: 'my-component',
data () {
return {
posts: []
}
},
mounted () {
this.$http.get('https://jsonplaceholder.typicode.com/posts')
.then(response =>{
this.posts = response.data
})
}
}

在上面的代碼中，我們使用Vue組件中的$http對象調用axios庫的get方法，并傳入我們要訪問的URL。在HTTP請求完成后，axios返回一個Promise對象，我們使用then方法處理響應并將數據渲染到頁面中。

除了get方法，axios還提供了其他很多HTTP請求方法，比如post、put、delete等。我們可以根據具體的需求選擇不同的方法。另外，axios支持攔截器和響應攔截器，可以在HTTP請求和響應前后添加公共的邏輯，比如在發送請求時自動添加一些公共參數。

總之，Vue CLI 3.0和axios的結合使用，為我們提供了一種快速搭建Vue應用程序并進行HTTP請求的便捷方式，這有助于我們更快地構建高質量的Web應用程序。