Visual Studio Code（以下簡稱VS Code）是一款廣受歡迎的開發(fā)環(huán)境，適用于各種項(xiàng)目。以下三個(gè)非常實(shí)用高效的插件，能極大地簡化在遠(yuǎn)程服務(wù)器上工作、啟動本地網(wǎng)頁或管理Docker鏡像等任務(wù)，提高工作效率。

1 Visual Studio Code遠(yuǎn)程開發(fā)擴(kuò)展包

圖片

這是一個(gè)由4個(gè)插件組成的擴(kuò)展包，可以提升使用VS Code的靈活性。如需在遠(yuǎn)程機(jī)器上編輯或查看文件，通過SSH打開工作區(qū)非常方便。此擴(kuò)展包可使開發(fā)人員在編輯器中像本地文件一樣進(jìn)行工作，甚至可以在遠(yuǎn)程服務(wù)器上運(yùn)行終端。

除了SSH打開工作區(qū)之外，該擴(kuò)展包還提供了連接到開發(fā)容器、WSL或隧道的支持。從上面圖片中可以看到，這些功能可以進(jìn)一步擴(kuò)展開發(fā)人員的工作環(huán)境。

2 實(shí)時(shí)服務(wù)器

圖片

實(shí)時(shí)服務(wù)器擴(kuò)展對于想要快速查看正在開發(fā)的基本HTML和/或JavaScript網(wǎng)站非常方便。只需在導(dǎo)航面板中選擇所需的HTML文件，然后右鍵單擊，選擇“使用實(shí)時(shí)服務(wù)器打開”，如下所示。

圖片

這個(gè)功能不僅對于有經(jīng)驗(yàn)的開發(fā)人員來說非常方便，可以節(jié)省時(shí)間，對于新手開發(fā)人員來說也非常寶貴，尤其是那些對托管服務(wù)或本地Web服務(wù)器的運(yùn)行方式尚不清楚的人。只需右鍵單擊，網(wǎng)站就可以運(yùn)行起來了。它甚至?xí)谀J(rèn)瀏覽器中打開，并自動重新加載更改。

3 Docker

圖片

微軟的Docker擴(kuò)展非常出色。它有助于構(gòu)建、運(yùn)行、監(jiān)視和排除容器問題。請查看下面的截圖，了解工具中提供的一些選項(xiàng)和功能。

圖片

通過點(diǎn)擊左側(cè)的鯨魚標(biāo)志，可以進(jìn)入Docker視圖，在那里可以查看正在運(yùn)行的容器和瀏覽鏡像。同時(shí)，導(dǎo)航面板中的文件系統(tǒng)可以像本地磁盤一樣進(jìn)行瀏覽。當(dāng)點(diǎn)擊文件時(shí)，它會在編輯器中打開。上下文菜單提供了其他功能，例如查看日志或附加Shell終端。容器的啟動和停止也可以在此處進(jìn)行操作。

此外，該插件還支持對Dockerfile或docker-compose YAML文件進(jìn)行編輯。開發(fā)人員能夠通過右鍵單擊構(gòu)建鏡像或啟動docker-compose，并可以根據(jù)需要過濾要運(yùn)行的服務(wù)。