vue全家桶有vue-router，vue-resource，vuex，還有打包工具webpack或vue-cli(vue-cli就像webpack的升級(jí)版，能自動(dòng)生成模板)，因?yàn)楝F(xiàn)在vue-resource官網(wǎng)已經(jīng)不更新，推薦大家使用anxios。

使用vue-cli要有vue單頁面和node帶的npm和webpack的知識(shí)。

因?yàn)関ue-cli就是基于webpack環(huán)境下創(chuàng)建了vue單頁面應(yīng)用，其中App.vue文件就是vue單頁面應(yīng)用。

#vue-cli的安裝

#1.在終端使用npm i -g @vue/cli 命令全局安裝vue-cli。

#2.安裝完vue-cli后在終端使用vue create my-project，就開始創(chuàng)建項(xiàng)目，一般直接回車默認(rèn)繼續(xù)安裝，如果需要自定義安裝，就選擇第二個(gè)選項(xiàng)。

#3.新建完項(xiàng)目后，在終端

cd my-project

npm run serve

就開始創(chuàng)建運(yùn)行服務(wù)，點(diǎn)擊其中的鏈接，就進(jìn)入創(chuàng)建的項(xiàng)目中。如圖就是成功創(chuàng)建項(xiàng)目:

#5.將main.js，app.vue里面不相關(guān)的代碼刪除，再將index.vue刪除，就得到了一個(gè)空的項(xiàng)目文件。

以上就是安裝使用vue-cli創(chuàng)建項(xiàng)目的過程。