用PHPStorm實現(xiàn)在本地實時編輯服務(wù)器端的代碼

背景

我在在Mac上的虛擬機中搭建了一臺LAMP服務(wù)器,在本地編輯完代碼,還需要進行傳輸?shù)椒?wù)器上,對源代碼進行刪除,復(fù)制等操作,非常麻煩,所以在想如何在本地即可實時編輯服務(wù)器上的代碼,于是有了這篇文章。

前期準備

  1. 下載PHPStrom,下面是官方下載地址
https://www.jetbrains.com/phpstorm/download/
  1. 有一臺遠程服務(wù)器,無論是LNMP或者LAMP。

操作步驟

第一步 打開PHPStorm,選擇Create New Project from Existing Files

創(chuàng)建一個遠程服務(wù)器存在的項目.png

第二步 選擇模式,選擇SFTP連接模式

選擇SFTP模式連接服務(wù)器.png

第三步 填寫本地存儲的項目名稱

本地存儲的項目名稱.png

第四步 進入配置頁面

配置頁面.png
選項名稱 解釋
Name 服務(wù)器名稱
Type 傳輸模式
FTP host 服務(wù)器地址
PORT 默認端口
Root path 根目錄
Username 服務(wù)器用戶名
Auth type Key pair
Private key file 私鑰文件
Web server root URL 服務(wù)器根目錄的Url

第五步 私鑰生成與配置

5.1 此時你要連接服務(wù)器進行操作相關(guān),mac上ssh連接可以幫到你。

連接服務(wù)器.png

5.2 打開終端輸入以下內(nèi)容(這是連接服務(wù)器的命令)

ssh wangbaolong@192.168.20.63

注:wangbaolong是用戶名,192.168.20.63是服務(wù)器的IP地址

5.3 切換到root用戶

sudo su

5.4 切換到root家目錄,生成公鑰和密鑰(切換后默認為家目錄)

cd ~
ssh-keygen

注:這時候,會讓你輸入一條加密語句,默認為空,直接回車即可。
輸入此條命令查看私鑰和公鑰,你會看到.ssh文件,這里面只存儲了公鑰和私鑰。進入里面,會看到id_rsa,id_rsa.pub。配圖里多了兩個文件,是后加的,后面講到。

5.5 檢查文件是否存在 .ssh

ls -al
生成公鑰和私鑰.png

5.6 將公鑰復(fù)制一份,并更名為authorized_keys(尋找公鑰會默認找此文件)

cp id_rsa.pub authorized_keys

5.7 這一步實現(xiàn)的將私鑰傳到本地。這里提供一個工具scp命令。

# 服務(wù)器:將私鑰復(fù)制一份到wangbaolong用戶的家目錄,ssh不支持root連接,只能用其他用戶。
cp id_rsa /home/wangbaolong

# 還需要多用一步,改變權(quán)限
chmod 777 id_rsa

# 本地:打開終端(mac下的命令行),輸入以下命令,將文件復(fù)制到本地的桌面
scp wangbaolong@192.168.20.63:~/id_rsa Desktop

第六步 選擇私鑰文件,連接服務(wù)器(回到PHPStorm的配置頁面)

選擇私鑰后要點擊Autodetect,這個是自動檢測服務(wù)器的目錄。檢測出來后自己選擇一下服務(wù)器的根目錄即可。下面是默認的根目錄選擇

/var/www/html

第七步 在服務(wù)器上拉項目

選擇文件,點擊Project Root即可

拉項目.png

第八步 設(shè)定默認訪問的目錄,一般默認即可

設(shè)置訪問目錄.png

第九步 設(shè)定command+s保存并上傳到服務(wù)器。

工具.png
保存上傳.png

第十步 測試一下吧。修改完成是不是服務(wù)器上文件立馬更新了。恭喜!

我試驗的時候,發(fā)生了幾次Gateway和沒有找到文件。究其原因都歸結(jié)于,在配置服務(wù)器目錄上出了問題,你可以在設(shè)定服務(wù)器目錄那幾個步驟上多看一下,加油!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容