vue全家桶有vue-router远舅,vue-resource,vuex怔软,還有打包工具webpack或vue-cli(vue-cli就像webpack的升級版树酪,能自動生成模板),因為現(xiàn)在vue-resource官網(wǎng)已經(jīng)不更新鸟廓,推薦大家使用anxios从祝。
使用vue-cli要有vue單頁面和node帶的npm和webpack的知識。
因為vue-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)建項目毒涧,一般直接回車默認(rèn)繼續(xù)安裝,如果需要自定義安裝贝室,就選擇第二個選項契讲。
#3.新建完項目后,在終端
cd my-project
npm run serve
就開始創(chuàng)建運行服務(wù)滑频,點擊其中的鏈接捡偏,就進(jìn)入創(chuàng)建的項目中。如圖就是成功創(chuàng)建項目:
#5.將main.js峡迷,app.vue里面不相關(guān)的代碼刪除银伟,再將index.vue刪除,就得到了一個空的項目文件凉当。
以上就是安裝使用vue-cli創(chuàng)建項目的過程枣申。