uniapp+webstorm+alibaba cloud view+xshell 實現打包上傳功能

app的打包流程:

1.HbuilderX 模擬運行或真機運行沒有問題。
2.點擊“發行”中的“網站-H5手機版”命令,直接點擊發行。
3.打開WebStorm軟件,此軟件中需要安裝 alibaba cloud view插件,然後進行服務器的配置。
4.點擊軟件最下方的alibaba cloud view插件,彈窗後直接點擊 “upload”彈出上傳的對話框。在此對話框中,選擇打包後的文件夾路徑,此文件夾中有兩項內容,一個是static文件夾一個是index.html入口文件。選擇完成後,點擊upload即可進行上傳。
5.接下來就是在xshell中進行文件路徑的處理了。

xshell命令:

1.進入到nginx文件夾下面的Html文件夾中:命令:cd /www/server/nginx/html/
注意:cd 到某一個文件夾中時,路徑需要以"/“開頭,代表是從根目錄上開始找文件夾。
2.pwd :代表查看當前路徑
3.ll :查看該文件夾下面的所有子文件,並展示詳細的信息,包括名稱 大小之類的。
4.ls :查看該文件夾下面的所有子文件,只展示文件名稱
5.進入到該目錄下的一個子文件夾中:命令:cd dist/ 路徑沒有以”/"開頭,代表是當前目錄下找對應的子文件夾
6.cd … 回退到上一級目錄
7.刪除文件 rm -rf checked.png no-data.png video.png 此行代碼的意思是:刪除掉這三張圖片,分別是 checked.png no-data.png video.png
8.複製文件:cp -r 【需要複製的文件名】/ 【複製成的文件名】
9.複製文件:cp index.html … 將Index.html文件複製到 上一級文件夾中
10.刪除文件時,如果提示沒有權限 permission denied ,這種情況下如果還是想要刪除,則需要使用 sudo rm -rf pages/ 以管理員權限刪除pages文件夾及下面的內容
11.sudo !! 以管理員權限執行上面的命令
最終實現的效果就是 將static文件夾 favicon.ico index.html 三個文件放到與dist同級的目錄下。

dist是後臺管理系統打包後形成的文件
static是手機app打包後形成的文件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章