如何在WSL下使用VSCode-創(chuàng)新互聯(lián)

轉(zhuǎn)載請注明出處:葡萄城官網(wǎng),葡萄城為開發(fā)者提供專業(yè)的開發(fā)工具、解決方案和服務(wù),賦能開發(fā)者。
本有由葡萄城技術(shù)團隊翻譯并整理

創(chuàng)新互聯(lián) - 川西大數(shù)據(jù)中心,四川服務(wù)器租用,成都服務(wù)器租用,四川網(wǎng)通托管,綿陽服務(wù)器托管,德陽服務(wù)器托管,遂寧服務(wù)器托管,綿陽服務(wù)器托管,四川云主機,成都云主機,西南云主機,川西大數(shù)據(jù)中心,西南服務(wù)器托管,四川/成都大帶寬,服務(wù)器機柜,四川老牌IDC服務(wù)商

自微軟開始宣布擁抱開源以來,我認(rèn)為微軟發(fā)布的最棒的兩大功能是:Visual Studio Code(VS Code)和Windows子系統(tǒng)Linux(WSL),有了這兩者的結(jié)合,它為軟件開發(fā)人員開辟了一條新的編寫代碼的途徑。

WSL使開發(fā)人員能夠在Windows 10上運行Linux環(huán)境,而無需付出更多使用虛擬機時的開銷。使用WSL,我們可以從Windows應(yīng)用商店上安裝大多數(shù)Linux正式版,我們甚至還能在其GUI上運行Bash shell腳本和Linux應(yīng)用程序。

本文提供了詳細(xì)的WSL配置分步說明,便于我們能夠通過WSL在Linux上運行VS Code。雖然本文的標(biāo)題是《 在WSL下使用VS Code》,但也同樣適用于其他GUI應(yīng)用程序。

本文中使用的軟件包括:
  • Windows 10 1809

  • Ubuntu 18.04

  • Visual Studio Code 1.30.2

  • MebaXTerm 11.1

本文目錄:
  • 啟用WSL

  • 安裝Linux

  • 下載并安裝MobaXterm

  • 啟動MobaXterm并打開X Server

  • 在已安裝的Linux上安裝X Client

  • 啟動VS Code

除了Windows 10和VS Code之外,我們還需要X Server和X Client來使VS Code與WSL協(xié)同工作。

在Linux的世界中, X Window System扮演著為構(gòu)建GUI環(huán)境必要的基本框架角色。 X Window System使用客戶端 - 服務(wù)器模型,已實現(xiàn)與遠(yuǎn)程計算機以圖形界面連接。 因此,要使用我們的本地計算機(例如筆記本電腦)連接到遠(yuǎn)程Linux計算機,我們需要:

  • 在遠(yuǎn)程Linux機器上運行X Client應(yīng)用程序

  • 在本地計算機上運行X Server應(yīng)用程序

遠(yuǎn)程X客戶端與本地X服務(wù)器建立連接并提供該應(yīng)用程序的圖形界面。所以使用此技術(shù),就可以使用WSL運行VS Code。

X Server為我們提供了我們要運行的圖形環(huán)境,由于WSL的Bash不支持X Server,因此通過選型在這里我選擇了配置更為簡單的MobaXterm。

打開WSL功能

在我們安裝Linux發(fā)行版之前,我們需要啟用WSL。 為此,首先在搜索欄上輸入“打開或關(guān)閉Windows功能”。

如何在WSL下使用VS Code

然后在打開的窗口勾選 “WSL”

如何在WSL下使用VS Code

單擊“確定”按鈕后,我們可能需要重啟機器。

現(xiàn)在,我們在Windows 10上啟用了WSL。

(有關(guān)WSL的更多詳細(xì)信息,請訪問https://docs.microsoft.com/en-us/windows/wsl/install-win10)

安裝Linux(Ubuntu)

如果啟用了WSL功能,那么我們就可以將Linux安裝到Windows 10上了。

在Windows應(yīng)用商店搜索Ubuntu。

如何在WSL下使用VS Code

安裝完成后啟動

如何在WSL下使用VS Code

啟動Ubuntu后,請按照說明創(chuàng)建用戶帳戶。

如何在WSL下使用VS Code

Ubuntu全部配置完成后,我們繼續(xù)安裝MobaXterm

安裝并設(shè)置MobaXterm

選我們從官網(wǎng)下載MobaXterm,他們官網(wǎng)提供了綠色版和安裝版兩種版本。選哪個看個人喜好,實際使用上區(qū)別不大,我這里使用的是綠色版。解壓完成后啟動程序,點擊啟動X Server(如下圖)

如何在WSL下使用VS Code

而后,X Server就啟動了。

配置X Client

如開頭所述,X Client是我們想要遠(yuǎn)程訪問的應(yīng)用程序。在本文里,這個應(yīng)用程序是VS Code。 為此,請按照以下步驟操作:

  1. 啟動命令提示符

  2. 在命令提示符下,鍵入bash以進(jìn)入Ubuntu bash。
    如何在WSL下使用VS Code

  3. 輸入命令 $ export DISPLAY=localhost:0.0. 我們也可以在 ~/.bashrc添加這個命令, 這樣我們每次登錄時就都不需要再重復(fù)這樣的工作了<g class="gr_ gr_9 gr-alert gr_tiny gr_gramm gr_inline_cards gr_run_anim Grammar multiReplace" id="9" data-gr-id="9">in.

export DISPLAY=localhost:0.0 告訴X Client應(yīng)用程序的具體IP信息,因為我們在本機執(zhí)行該命令,所以使用的是localhost,如果你使用的是遠(yuǎn)程計算機,請改掉localhost部分

安裝VS Code

現(xiàn)在,我們可以下載VS Code并安裝到Ubuntu上。在這我們使用Firefox下VS Code,這能再之后減少很多麻煩。

命令如下:

$ sudo apt update

$ sudo apt install firefox

啟動Firefox以下載VS Code

下載的VS Code Debian軟件包應(yīng)該位于 ~/Download.目錄內(nèi)

$ cd ~/Download

$ sudo dpkg -i code_1.30.2-1546901646_amd64.deb

注:如果因為一些依賴問題而導(dǎo)致安裝失敗,請先安裝依賴庫,如下:

如何在WSL下使用VS Code

$ sudo dpkg -i code_1.30.2-1546901646_amd64.deb

Selecting previously unselected package code.

(Reading database ... 42604 files and directories currently installed.)

Preparing to unpack code_1.30.2-1546901646_amd64.deb ...

Unpacking code (1.30.2-1546901646) ...

dpkg: dependency problems prevent configuration of code:

 code depends on libnotify4; however:

  Package libnotify4 is not installed.

 code depends on libnss3 (>= 2:3.26); however:

  Package libnss3 is not installed.

 code depends on libxkbfile1; however:

  Package libxkbfile1 is not installed.

 code depends on libgconf-2-4; however:

  Package libgconf-2-4 is not installed.

 code depends on libsecret-1-0; however:

  Package libsecret-1-0 is not installed.

 code depends on libxss1; however:

  Package libxss1 is not installed.

 

dpkg: error processing package code (--install):

 dependency problems - leaving unconfigured

Processing triggers for mime-support (3.60ubuntu1) ...

Errors were encountered while processing:

 code

如何在WSL下使用VS Code

安裝依賴庫

sudo apt install libnotify4 libnss3 libxkbfile1 libgconf-2-4 libsecret-1-0 libgtk-3-0 libxss1

如果出現(xiàn)如下錯誤,請嘗試sudo apt -fix-broken install命令重新安裝

如何在WSL下使用VS Code

Reading package lists... Done

Building dependency tree

Reading state information... Done

libgtk-3-0 is already the newest version (3.22.30-1ubuntu1).

libgtk-3-0 set to manually installed.

You might want to run 'apt --fix-broken install' to correct these.

The following packages have unmet dependencies:

 libgconf-2-4 : Depends: gconf2-common (= 3.2.6-4ubuntu1) but it is not going to be installed

                Recommends: gconf-service but it is not going to be installed

 libnss3 : Depends: libnspr4 (>= 2:4.12) but it is not going to be installed

 libsecret-1-0 : Depends: libsecret-common but it is not going to be installed

E: Unmet dependencies. Try 'apt --fix-broken install' with no packages (or specify a solution).

如何在WSL下使用VS Code

安裝完成后,啟動VS Code。

$ code

注意:一旦我們啟動了VS Code,我們可能會無法移動或調(diào)整VS Code的窗口。這是因為自VS Code 1.30以來默認(rèn)啟用了Linux上的自定義磁貼和菜單欄。 為了能夠避免這一問題,我們需要將設(shè)置更改為native。

如何在WSL下使用VS Code

首先,打開VS Code設(shè)置。[文件 - >選項 - >設(shè)置]

其次,在搜索欄上鍵入title bar,然后選擇native。

重啟VS Code,現(xiàn)在我們應(yīng)該已經(jīng)可以移動和調(diào)整VS Code窗口和大小了。

結(jié)論

使用WSL和X Server,我們可以在Windows 10上安裝Linux并使用圖形界面運行Linux上的應(yīng)用程序。 但是,這時候可能有人會問,我們?yōu)槭裁匆@樣做? 為什么不直接在Windows上使用VirtualBox或VMware等虛擬機或者使用其他Linux機器?當(dāng)然,大多數(shù)情況下這些方式?jīng)]有問題,但在某些個別情況下,這樣的方式并不適用。 例如:

  • 沒有強大的工作站,運行虛擬機會導(dǎo)致機器很慢。

  • 沒有預(yù)算購買另一臺機器來運行Linux。

  • 由于網(wǎng)絡(luò)的延遲,在云上運行帶有圖形界面的應(yīng)用程序可能會很慢。

WSL提供了一種簡單而廉價的解決方案,我們可以在我們更熟悉的Windows 10環(huán)境中運行Linux和Linux應(yīng)用程序。

文章名稱:如何在WSL下使用VSCode-創(chuàng)新互聯(lián)
網(wǎng)頁地址:http://bm7419.com/article22/geejc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護做網(wǎng)站、定制開發(fā)標(biāo)簽優(yōu)化、網(wǎng)站收錄、網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司