本地部署element-plus文檔的簡(jiǎn)單步驟
前言
由于一直使用的前端組件element-plus，所以需要經(jīng)常看文檔，但無(wú)奈官網(wǎng)實(shí)在不給力，經(jīng)常報(bào)503或者404，大大影響效率和心情，忍無(wú)可忍就本地化部署一套解決此問(wèn)題。
百度了一下大多數(shù)都是使用 vscode的live server, 或者放到服務(wù)器上, 均可使用。
因?yàn)槲易约簻y(cè)試需要訪問(wèn)很多文件或者視頻資源，所以在本地搭建了一個(gè)tomcat服務(wù)器，不用上傳到服務(wù)器，不用擔(dān)心被刪掉
1. 安裝tomcat9.0或者其他版本均可
下載地址： Apache Tomcat® - Apache Tomcat 9 Software Downloads
注意下載安裝版本，這樣方便知道tomcat的運(yùn)行狀態(tài)，也可以配置開機(jī)啟動(dòng)。
2.下載element-plus文檔
下載地址: https://github.com/element-plus/element-plus/tree/gh-pages
或者gitee: element-plus: ?? Vue 3 的桌面端組件庫(kù) - Gitee.com
3, 解壓到tomcat的安裝目錄webapps下
記住只有一個(gè)element-plus文件夾
4，配置訪問(wèn)路徑
如果不配置訪問(wèn)路徑，直接訪問(wèn) http://localhost:8080/element-plus/index.html
會(huì)出現(xiàn)404
打開 conf/server.xml文件，
加上這一段 ，可以順便把端口號(hào)8080改一下任意端口，
配置完成后保存，然后鼠標(biāo)右鍵任務(wù)欄的tomcat圖標(biāo)，先stop service, 再start service重啟tomcat服務(wù)，
5，訪問(wèn)
地址欄訪問(wèn): http://localhost:8088/index.html
會(huì)自動(dòng)跳轉(zhuǎn)到http://localhost:8088/zh-CN/
即可打開element-plus頁(yè)面，訪問(wèn)飛快
出現(xiàn)上面彈窗，點(diǎn)擊取消
總結(jié)
到此這篇關(guān)于本地部署element-plus文檔的簡(jiǎn)單步驟的文章就介紹到這了,更多相關(guān)本地部署element-plus文檔內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
過(guò)濾器的功能是對(duì)要顯示的數(shù)據(jù)進(jìn)行格式化后再顯示,其并沒(méi)有改變?cè)镜臄?shù)據(jù),只是產(chǎn)生新的對(duì)應(yīng)的數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Vue中過(guò)濾器定義以及使用方法的相關(guān)資料,需要的朋友可以參考下2022-11-11
Vue使用mixins實(shí)現(xiàn)壓縮圖片代碼
本篇文章主要介紹了Vue使用mixins實(shí)現(xiàn)壓縮圖片代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
vue+mockjs模擬數(shù)據(jù)實(shí)現(xiàn)前后端分離開發(fā)的實(shí)例代碼
本篇文章主要介紹了vue+mockjs模擬數(shù)據(jù)實(shí)現(xiàn)前后端分離開發(fā)的實(shí)例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08
淺析vue偵測(cè)數(shù)據(jù)的變化之基本實(shí)現(xiàn)
這里涉及到Vue一個(gè)重要特性：響應(yīng)式系統(tǒng)。數(shù)據(jù)模型只是普通的 JavaScript對(duì)象，當(dāng)我們修改時(shí)，視圖會(huì)被更新，而變化偵測(cè)是響應(yīng)式系統(tǒng)的核心2021-06-06
這篇文章主要介紹了解讀Vue實(shí)例的屬性及模板渲染問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
vue?el-table中使用el-select選中后無(wú)效的解決
這篇文章主要介紹了vue?el-table中使用el-select選中后無(wú)效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
解決在Vue中使用axios POST請(qǐng)求變成OPTIONS的問(wèn)題
這篇文章主要介紹了解決在Vue中使用axios POST請(qǐng)求變成OPTIONS的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
關(guān)于Vue中的計(jì)算屬性和監(jiān)聽屬性詳解
這篇文章主要介紹了關(guān)于Vue中的計(jì)算屬性和監(jiān)聽屬性詳解,Vue.js模板內(nèi)的表達(dá)式非常便利，但是設(shè)計(jì)它們的初衷是用于簡(jiǎn)單運(yùn)算的，在模板內(nèi)放入過(guò)長(zhǎng)的或復(fù)雜的邏輯時(shí)，會(huì)讓模板過(guò)重且難以維護(hù),需要的朋友可以參考下2023-05-05
Vue3.2?新增指令?v-memo?用法詳解(提高性能利器)
v-memo 接受一個(gè)依賴的數(shù)組，依賴的數(shù)組變化，v-memo 所對(duì)應(yīng)的 DOM 包括子集將會(huì)重新渲染，這篇文章主要介紹了Vue3.2?新增指令?v-memo?用法，提高性能的又一利器,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了vue props 一次傳多個(gè)值實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07