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.......,
重新在頁面訪問,結果來啦!