一行命令解決Vue和React打包部署上線

1. 這不是標題黨

回想咱們以前如何吧打包好的項目部署到服務器中？有不少中方法能夠實現，能夠用ftp遠程登陸，能夠是第三方，能夠是後臺幫咱們前端程序員作好了配置；固然你也能夠把打包好的項目扔給別人，而後本身去逍遙快活。
不管你以前怎麼去實現打包上線，看完這篇後你也能夠在本身項目下實現一鍵部署項目上線。本文只針對Windows哦，Mac自帶scp！

2. 實現原理

其實就是咱們經過windows下的pscp命令，在項目下寫一個.bat腳本，並註冊全局變量，就能夠一鍵搞定項目部署。

3. 實現方式

1. windows用戶下載pscp下載地址傳送大門

下載後 ，建議將pscp.exe放到C:\WINDOWS\system32下面，語法與scp相同，下面是幾個有用的options。

-p 拷貝文件的時候保留源文件創建的時間。
-q 執行文件拷貝時，不顯示任何提示消息。
-r 拷貝整個目錄
-v 拷貝文件時，顯示提示信息。

2. pscp 用法

pscp [options] [user@]host:source target
例如： pscp -r -v public root@jyjvip.cn:/data/www/

3.在項目根目錄下新建 .bat 腳本文件

例如，我在本身的hexo博客下新建 build.bat 文件， 並注入一下內容

@echo off
echo ====================clean=====================
call hexo clean

echo ====================hexo generate =====================
call hexo g

call pscp -r -v public root@jyjvip.cn:/data/www/
echo ====================upload successful=====================
複製代碼

想了解更多 bat 腳本語法，請看如下傳送門

4. 把bat腳本注入到Windows全局變量

其實這句話意思就是，把上面的build.bat寫入到windows下的path中

例如：編輯path全局變量，把 D:\zhangchong-myself\hexo-blog 注入進去，肯定保存。

退出後,在 IDE 的終端 輸入 build.bat 看到編譯成功，而且會讓輸入到遠程服務器密碼，然後大功告成！！！

4. 總結

主要就是.bat腳本這段代碼， call 是bat語法，意思是按順序執行命令，固然 bat 還有不少高級語法，有興趣的童鞋能夠進一步瞭解，你學會了嗎？

我的博客：www.jyjvip.cn
GitHub: github.com/JakeVivit/h…