參考博客:
https://blog.csdn.net/wyf2017/article/details/114278017
1.安裝vscode
1.1首先我們需要到官網下載最新版本的vscode(下載地址)
1.2然后根據自己的電腦系統選擇合適的版本,我選擇下載的是下面圖中紅色框的這個,因為這個下載之后解壓就行,其他2個相對麻煩一點。
1.3注意:解壓到非系統盤(節約系統盤空間,也方便后面使用),文件夾最好不要出現中文和空格,如:解壓到D:\VSCode-win32-x64-1.31.1
2.使用vscode
2.1打開我們解壓vscode的文件目錄,點擊vscode.exe
2.2 更換語言(如果你不是很喜歡英文界面可以選擇更改成中文)
點擊左側工具欄的extensions或者使用快捷鍵【Ctrl+Shift+X】,輸入chinese,點擊Install安裝中文簡體
2.3 配置環境
使用快捷鍵【Ctrl+Shift+P】彈出查找命令框,輸入language, 找到Configure Display Language,如下圖所示:
點擊,選擇locale屬性為"zh-CN",如下圖所示
2.4 重啟vscode就可以使用了
3.使用vscode連接服務器
3.1 安裝OpenSSH
首先查看自己的電腦有沒有OpenSSH,該服務的作用是讓你可以在終端使用ssh指令,Windows10通常自帶OpenSSH不需要安裝。
Windows10下檢查是否已經安裝OpenSSH的方法:
按下快捷鍵 Win + X(不同的電腦快捷鍵是不一樣的,這個因人而異),選擇 Windows PoweShell(管理員),輸入以下指令:
Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'
如果電腦未安裝OpenSSH,則State會顯示NotPresent,如下所示:
如果未安裝,則輸入指令:
Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0
安裝完成后會出現以下輸出,如下圖所示:
OpenSSH安裝成功后,Win+R 輸入cmd進入終端,輸入ssh 命令應該得到如下結果:
3.2 安裝Remote-SSH
Remote-SSH是VScode的插件,安裝完VScode以后,我們打開vscode,直接在插件中搜索ssh,即可找到Remote-SSH,點擊install安裝。
3.3 配置Remote-SSH
安裝完Remote-SSH以后左側會出現一個遠程資源管理的圖標,選擇SSH Targets,進入config配置文件
3.4 在配置文件中設置服務器信息,輸入HostName和User,保存以后左側會出現對應機器名稱。
3.5 更改設置,File->Preferences->Settings->Extension->Remote-SSH,找到Show Login Terminal並勾選
3.6 連接服務器
點擊SSH TARGETS下的服務器旁邊的按鈕紐行連接,在這里可能會彈出讓你選擇服務器的平台,需要選擇以后才會出現輸入密碼的步驟
上面步驟弄好了,下面的控制台會讓你輸入密碼:
輸入好密碼之后,成功連上服務器,點擊控制台右側的 +號創建服務器的終端窗口,可以正常使用了!
3.7 打開服務器的文件夾
打開以后可以看到服務器文件目錄,直接在文件目錄中選擇文件進行編輯,實時同步到服務器上,這時候已經可以開始愉快的進行開發了!