??最近一直在做服務引擎開發(fā)，編譯都是在服務器linux環(huán)境中進行。每次調試使用gdb修改使用vim賊麻煩。最后找了下可以使用vscode圖形化界面進行遠程開發(fā)調試。嘗試了下，果然好使，故記錄下來備下次使用。

1. 搭建vscode遠程開發(fā)流程

vscode遠程開發(fā)環(huán)境搭建流程很簡單，大體來說分四步（如下圖）：

1. 主機環(huán)境(windows)下安裝vscode
2. 安裝主機環(huán)境下的插件，永遠遠程連接等
3. 遠程環(huán)境(linux)下安裝vscode-server
4. 安裝遠程環(huán)境的插件，用于開發(fā)調試等
   

??明白了這個搭建流程，可以更好的理解每一步的作用。下面的操作都是圍繞這四個步驟展開。

2. 在線搭建環(huán)境

1. 本地環(huán)境下載一個vscode安裝

2. 在插件市場中安裝連接遠程服務器的插件

   Remote-SSH 和 Remote - SSH: Editing Configuration Files

   該插件安裝完成vacode左側欄會多一個電腦的圖標
   

3. 連接遠程環(huán)境

??3.1. 配置服務器環(huán)境

??如上圖，打開遠程插件，遠程連接就彈出遠程來連接配置文件。

??如上圖可以看到配置文件包含如下幾個屬性

>Host：服務器名稱
>
>HostName: 服務器ip
>
>Uer：登錄用戶名
>
>Port: ssh默認是22端口，如果不確定是否為22可不寫。	

??3.2. 連接服務器

??完成上述步驟，重新進入vscode打開遠程插件，可以看到剛剛添加的服務器設備。連接服務器，需要選擇服務器系統(tǒng)，輸入密碼就可以打開要操作的服務器文件夾。

??選擇要打開的文件夾，就可以可視化編輯操作。
??注意：連接服務器的時候需要等待一會，這期間服務器會根據(jù)本地的vscode版本，自動下載安裝vscode-server。并和客戶端連接?？梢园l(fā)現(xiàn)在服務器的~/文件家中生成了一個 .vscode-server或.vscode-server-insiders文件夾（根據(jù)服務器安裝的vsCode類型而定）

4. 服務器環(huán)境安裝插件

   ? 由于要進行編程開發(fā)，需要安裝對應的幫助插件，如我開發(fā)c++ ,需要安裝C/C++插件。

??之前安裝的插件在主機環(huán)境中，本地可用。vscode-server的環(huán)境和本地環(huán)境相互獨立，需要在各自的環(huán)境里安裝插件才可使用。遠程開發(fā)使用的是vscode-server環(huán)境里的插件。所以需要單獨安裝。在有網(wǎng)絡的環(huán)境里給vscode-server安裝插件和vscode一樣從插件市場安裝。

??插件安裝完就可以愉快的跨平臺可視化開發(fā)了。

3. 離線搭建環(huán)境

??有網(wǎng)絡的時候安裝比較簡單,但是很多公司在內網(wǎng)開發(fā),不能訪問外網(wǎng).無法自動下載安裝.這時候需要我們離線安裝.其實質是手動下載對應的服務器和插件進行手動安裝.整個流程也是和上面一樣,步驟可參照在線安裝:

1. 下載安裝vscode

   ? 正式版(stable)vscode下載: https://code.visualstudio.com/

2. 下載安裝插件
   ??官方插件下載地址: https://marketplace.visualstudio.com/VSCode
   ??進入插件官網(wǎng)輸入remote查找插件,下載Remote-SSH 和 Remote - SSH: Editing Configuration Files,
   

??下載完插件進行手動安裝插件,手動安裝插件流程如下,選擇上一步下載的插件就能安裝.

3. 下載安裝vscode-server

??此時本地主機環(huán)境的vscode已經(jīng)配置完成,在安裝 vscode-server之前先使用vscode遠程連接下服務器 .沒有網(wǎng)絡遠程連接肯定失敗.但是會在服務器中生成.vscode-server或.vscode-server-insiders文件夾.

??在線安裝的時候介紹了,遠程連接的時候服務器會自動下載安裝vscode-server,由于無法連接網(wǎng)絡.所以下載失敗.但是創(chuàng)建好了對應版本號的文件夾.可以看到~/vscode-server/bin下有個id命名的文件夾.

??取這個id可以下載到對應版本的vscode-server.使用id替換下面鏈接中的ID

stable 版本 VsCode : https://update.code.visualstudio.com/commit:ID/server-linux-x64/stable
insiders 版本 VsCode : https://update.code.visualstudio.com/commit:ID/server-linux-x64/insider

??將下載的包拷貝到~/vscode-server/bin/id/文件夾下,解壓.

??到此完成了離線vscode-server的安裝 ,可進行遠程連接.

4. 下載安裝vscode-server插件

   1. 進入插件官網(wǎng)下載對應插件,拷貝到服務器,手動安裝插件,參考主機環(huán)境插件安裝 .

   2. 照樣給和服務器一樣可聯(lián)網(wǎng)的服務器,在線安裝vscode-serve和對應插件, 手動考拷貝~/vscode-serve文件夾到內網(wǎng)服務器.若只想拷貝插件可復制~/vscode-serve/extensions即可.

4. ssh免密登錄,設置白名單

??為了避免每次登錄輸入密碼,可將主機公鑰添加到服務器白名單中.
??主機公鑰使用git生成.將公鑰復制到服務器認證文件authorized_keys中,便可實現(xiàn)每次登錄自動驗證.文章來源地址http://www.zghlxwxcb.cn/news/detail-770659.html

cd ~
mkdir .ssh
mv id_rsa.pub .ssh
cd .ssh
cat id_rsa.pub >> authorized_keys
sudo chmod 600 authorized_keys
service sshd restart

5. 參考文檔:

1. https://mp.weixin.qq.com/s?__biz=MzU3MzkzMzEyMg==&mid=2247483742&idx=1&sn=16071b0444ec679f9617407249045b4c&scene=21#wechat_redirect
2. https://mp.weixin.qq.com/s/JcfHSQDdhR0BM93M1sBCdA

到了這里，關于vscode使用ssh遠程linux可視化開發(fā)環(huán)境搭建的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！