vue2 shop admin

簡介

vue2-shop-admin(頁面上的圖片、內容、鏈接等素材來自於淘寶網)

vue2 + element-ui(組件庫+ 主題+ 按需引入) + axios(http庫) + dayjs(處理時間庫) + jwchat + echarts...

項目會不斷更新優化。如果有要作者修改的地方，敬請提出你的寶貴建議，本人會及時更改。

項目起始： 2021-07

前言

?vue3也出了快一年了，自己在工作中vue項目大大小小也做了好幾個，但是一直沒有自己的vue開源項目。到2021年下詢的時候便開始著手這個項目。項目中的圖片內容鏈接等源於淘寶網。項目的模塊劃分的十分清楚，非常方便閱讀。這個項目基本把vue2能用到的全用到了。如果覺得有寫的不好的或者不足之處請聯繫作者。如果對你或者對你的項目有些許幫助的話給作者來個贊吧！

?qq: 2226984343; wx: pegasus-1998

技術棧

vue.js 構建用戶界面的MVVM 框架， 易於上手，還便於與第三方庫或既有項目合。

vue-router Vue.js 的核心深度集成，讓構建單頁面應用變得易如反掌。

vuex 是一個專為Vue.js 應用程序開發的狀態管理模式。

vue-cli 基於Vue.js 進行快速開發的完整系統，vue腳手架。

element-ui 基於Vue 2.0 的桌面端組件庫, PC端而言這應該是vue用的最多的組件庫。

axios Axios 是一個基於promise 的HTTP 庫，可以用在瀏覽器和node.js中。

scss css擴展語言，更高效地開發項目，Element的theme-chalk使用SCSS編寫。

vuex-along 持久化存儲state的vuex擴展。解決vuex中頁面刷新數據丟失問題。

vue-lazyload vue圖片懶加載

vue-piczoom 基於vue2.x的電商圖片放大鏡插件。注：採用了node-scss導致有些人安裝失敗，已棄用。

vue2.0-zoom 基於vue的圖片放大鏡效果插件，代替vue-piczoom。

jwchat 基於element-ui開發的聊天插件。

Lodash 一致性、模塊化、高性能的JavaScript 實用工具庫。

vue-awesome-swiper vue中swiper輪播

fastmock 簡單好用的在線接口MOCK 平台

nanoid 字符串ID生成器

vue-clock2 時鐘

dayjs 時間、日期處理

echarts 一個基於JavaScript 的開源可視化圖表庫

?除開上面項目中還用到其它的...等

VScode + Vue

Vue2開發插件-- Vetur

Vue3開發插件-- Vue Language Features (Volar)

?注意：如果之前已經安裝了Vetru(Vue2插件)。 要想Vue3中使用Volar，先禁用Vetur(必須禁用), 然後重啟電腦。

步驟

npm install or yarn install ?(安装依赖)

npm run serve or yarn serve ?(运行)

npm run build or yarn build ?(打包)

鏈接

• github地址
• 天馬導航-前端知識收集地址

License

MIT