1. 程式人生 > >Vue專案一鍵遠端釋出(upload to remote)全流程配置

Vue專案一鍵遠端釋出(upload to remote)全流程配置

目的:  將webStorm中生成 的專案檔案,通過SFTP上傳遠端測試伺服器,實現一鍵釋出

環境準備:

一、準備http伺服器

1、為Linux伺服器安裝httpd服務

      sudo   yum     install      httpd      -y

2、配置http服務路徑

    httpd配置檔案路徑:/etc/httpd/conf/httpd.conf

    預設路徑為:/var/www/html

    如有需要,修改預設路徑,本文修改為:/app/www/html

    

 3、啟動httpd服務,測試安裝是否成功

        啟動:service httpd start

     訪問:在瀏覽器直接使用IP訪問,出現介面,證明httpd服務已能正常訪問

    

二、webStrom配置    

1、開啟webStrom Deployment配置

     WebStrom-->Preferences-->Deployment

    

2、 在Deployment中使用左上角的‘+’,新建一份配置檔案,做如下配置

Connection標籤頁中:

     Type:使用SFTP  

               使用FTP,遇到如下的問題是大部分資料夾在下面選擇時檢測不到,SFTP會更安全、簡單

                啟動sshd服務時,該項服務會同步啟動

       port:22

       TestSFTP:輸入賬號、密碼後,測試是否可連線成功

        Root Path:在此選擇要遠端到的檔案目錄


Mappings中: 

 Local path: 選擇配置本地待上傳目錄

Deployment path:使用‘/’

Web path:使用‘/’


OK! 至此所有配置完成!

專案右擊選擇Upload to.......,

重新在頁面訪問,結果來啦!