vue-element-admin 寶塔安裝實錄
最近由於想創建系統的需要，也經過網上的評測，決定安裝vue-element-admin來做個項目，選擇vue-element-admin的原因就是性價比很高，網上有很多的資料和教程，雖然沒有一些商業化的界面高大上，但是作為人氣最高的後台管理系統，大家說好才是真的好。
為什麼要記錄一下呢，每個人了解的知識的側重點不同，所以在記錄使用開發上，偏重的問題也不同，所以說這次作為個人角度的記錄，對自己是學習，對大家來說，換個角度來解決問題。
本地化部署太麻煩，而且本地化的node版本會比服務器上的高很多，無論後期的版本匹配之類都會出現bug，所以直接就開個服務器直接運行測試。這次選用的是阿里雲的。直接選擇寶塔面板，一鍵安裝很方便。
安裝好之後就是軟件商店，安裝Node.js版本管理器 2.7，Nginx 1.26.1，mysql5.7。和之前擔心的一樣，大家都會建議安裝穩定版本，無須圖快，沒有幾年的糾錯能力，最新版本最好不要碰。
下一步在終端里安裝git。
yum install git
1
然後克隆項目：
# 克隆項目 git clone https://github.com/PanJiaChen/vue-element-admin.git #多語言版本 git clone -b i18n git@github.com:PanJiaChen/vue-element-admin.git #國內地址 git clone https://gitee.com/mirrors/vue-element-admin.git #進入目錄 cd 目錄 #安裝依賴 npm install #進入目錄 cd 目錄 #開發模式 npm run dev #上線優化 npm run build
但是寶塔的node項目管理並不友好，有的時候環境和模塊指定不上去。這裡可以利用git來重新安裝環境和模塊。
默認安裝的英文版本，如何改變成中文的版本呢？
使用 i18n 分支就有語言功能，直接是四種語言切換，雖然平時用不上，但是看起來蠻高大上。
如何啟動和打包
#查看可用命令
npm run
# vue-element-admin 版本（4.3.1）在 package.json 里 可用的腳本
dev → vue-cli-service serve
build:prod → vue-cli-service build
build:stage → vue-cli-service build --mode staging
preview → node build/index.js --preview
#開發模式
npm run dev
#生產模式打包
npm run build:prod
#預覽打包
npm run preview
不過後來覺得太麻煩了，直接上了集成好的fastadmin，而且他們的插件生態圈子很多，部署起來和商用也很及時。參考文檔：https://doc.fastadmin.net/
原創文章，作者：超哥，如若轉載，請註明出處：https://www.chaoneo.cn/zh-hk/archives/3832.html
如果您覺得超哥分享對您有所幫助的話，記得打賞給我😀