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