vue element admin學習之路 (一)

2021-10-01 11:18:19 字數 608 閱讀 3805

公司規劃使用vue+elementui做前後端專案,即此記錄學習過程。

使用新的乙個框架首先需要去了解它。

找到官方文件:

功能

前序準備:

你需要在本地安裝 node 和 git。

專案目錄結構:

安裝:把專案從git拉去下來,使用自己的ide開啟專案(ide推薦-vscode---webstorm)本人使用webstorm。

安裝依賴:

npm install
npm install --registry=

# 啟動服務

npm run dev

啟動成功:

如果覺得每次使用npm run dev 很麻煩(推薦妙招)

webstorm左下角點開npm,也可直接執行;

未完待續。。。

每天進步一點點

搭建vue element admin環境

1.安裝git 直接在資料夾下輸入cmd回車 轉殖專案 2 修改路徑 在cmd視窗執行以下兩條命令 npm config set prefix c node node global npm config set cache c node node cache 進入專案目錄 cd vue elemen...

vue element admin使用記錄

再 man.js同目錄下的permission.js中設定路由守衛和登陸判斷。在whitelist中設定路由白名單。不受非登陸狀態下攔截配置 使用js cookie模組來判斷使用者是否登陸狀態。是否快取有使用者登陸資訊。登陸狀態判斷邏輯為,如果獲取到後端設定的cookie欄位,則判斷是否有使用者資訊...

後台模板 vue element admin

而vue element admin是基於element ui 的一套後台管理系統整合方案。功能 功能 解壓壓縮包 進入目錄 cd vue element admin master 安裝依賴 npm install 啟動。執行後,瀏覽器自動彈出並訪問http localhost 9527 npm r...