記錄自己的第一個前端vue項目
前提：公司項目中需要開發(fā)后臺管理端項目，然而前端已離職电谣，所以事就交給我了
在這之前，也只是學(xué)習(xí)了一點vue.js的基礎(chǔ)知識企垦，會小程序開發(fā)晒来，所以有一定的html，css荧降，js基礎(chǔ)，但是現(xiàn)在想做一個項目朵诫，而且沒有基礎(chǔ)的框架拗窃，只能自己找資料了。
? ? 1. 首先感謝vue-element-admin的作者提供了這個框架随夸，并且提供了學(xué)習(xí)資料，還有根據(jù)vue-element-admin衍生出的基礎(chǔ)模板vue-element-template驼修，因此可以以template為基礎(chǔ)诈铛，開發(fā)屬于自己的項目，其中如果有哪個知識點或者功能不懂耳峦，可以參考admin項目焕毫，但是遺憾的是，項目已經(jīng)很久沒更新了循签，但是看到80k多的????的時候疙咸，我還是堅定的選擇了它。
? ? 2. 看一看自己需要的功能在admin項目中有沒有體現(xiàn)乞旦，并且注釋代碼看一看功能的簡單實現(xiàn)腔召。
? ? 3. package.json中dependencies為導(dǎo)入的npm包扮惦，可以搜一下相關(guān)的包的用途，大概了解浊仆，太老的版本可以升級一下。
? ? 4.?
? ? 根據(jù)上圖中展示的項目結(jié)構(gòu)圖舔琅，我們可以看一下里面的具體內(nèi)容
mock -- 本地mock數(shù)據(jù)
api -- 請求數(shù)據(jù)洲劣，暫時請求的是mock數(shù)據(jù)
assets -- 靜態(tài)圖片
components -- 公共組件，作者封裝了一些組件郊尝，主要為側(cè)邊欄战惊，svg顯示
icons -- 包含svg原始圖片
layout -- 布局，包含側(cè)邊欄以及主窗口
router -- 管理路由
store -- 數(shù)據(jù)存儲况凉，用的vuex
styles -- 用到的css各拷，包含element，側(cè)邊欄等
utils -- 封裝的一些功能膛锭，包含axios請求蚊荣，常用判斷等
views -- 頁面，也就是咱們的主要業(yè)務(wù)
main.js -- 項目入口
.env.development??.env.staging .env.production? -- webpack寫法奢入，環(huán)境變量媳叨，分別為開發(fā)環(huán)境，測試環(huán)境武福，生產(chǎn)環(huán)境痘番，不同環(huán)境加載不同的內(nèi)容平痰，根據(jù)規(guī)則伍纫，變量名要以VUE_APP_開頭才能加載出來
vue.config.js --?Webpack配置
