曾幾何時，開發(fā)者們都被安裝編程環(huán)境苦惱，盡管現(xiàn)在很多語言的開發(fā)環(huán)境已經(jīng)不難裝了，但是如果我們能有一個運(yùn)行在云端的編譯器，那么我們就可以隨時隨地通過瀏覽器編寫、編譯我們的代碼啦??！

先看我們最終效果：

完美運(yùn)行 Go 程序！下面開始整個環(huán)境搭建。

打包好的鏡像

鏡像是基于 code-server 官方鏡像，具體運(yùn)行方式看下方 code-server 部分。

預(yù)備條件

1.一臺云服務(wù)器（最低配就 ok?。┫挛慕y(tǒng)一稱為宿主機(jī)。

2.一雙手...有手就行

code-server

項(xiàng)目地址：https://github.com/cdr/code-server

文檔地址：https://coder.com/docs/code-server/latest

我們本次使用 Docker 來將我們的環(huán)境部署在 Docker 鏡像中（具體 Docker 環(huán)境的安裝請自行查找資料）。

1.查找 code-server 鏡像

我們在宿主機(jī)命令行輸入：

dockersearch code-server2.拉取鏡像

可以看到第一個就是 code-server 官方的鏡像 codercom/code-server，我們將它 pull 到本地：

dockerpull codercom/code-server3.啟動容器

接下來，我們需要啟動這個鏡像：

dockerrun-d-uroot-p5000:8080-p5001:5001--namemy-code-server-v/home/code:/home/codecodercom/code-server

-d：后臺運(yùn)行

-u：指定用戶名

-p：指定端口映射，code-server 跑在容器內(nèi)的 8080 端口，我們需要將 8080 端口映射到我們宿主機(jī)的一個端口，我這里設(shè)置為 5000。這里預(yù)留一個 5001 端口映射出來，為后續(xù)開發(fā) vue 程序做準(zhǔn)備。

--name：我們可以設(shè)置我們的容器名為 my-code-server

-v：我們需要為我們的容器與宿主機(jī)設(shè)置數(shù)據(jù)卷映射（即為容器與宿主機(jī)共享的文件位置），設(shè)置數(shù)據(jù)卷映射的好處有：①當(dāng)我們的容器被刪除的之后，我們的項(xiàng)目文件會保存在宿主機(jī)上，保證不會丟失②每次啟動新容器都可以直接拿到相應(yīng)的項(xiàng)目文件繼續(xù)開發(fā)。

4.進(jìn)入容器

此時，我們已經(jīng)可以通過瀏覽器訪問我們的 code-server 了，使用 宿主機(jī)IP:5000訪問（宿主機(jī)也就是云服務(wù)器記得在防火墻中將 5000 和 5001 端口暴露出來）我們可以看到這個界面：

我們需要進(jìn)入到容器中的 提示中的位置查看隨機(jī)生成的密碼 輸入進(jìn)去，就可以進(jìn)入我們 code-server 界面。

進(jìn)入容器中：

dockerexec-itmy-code-server /bin/bash5.修改 code-server 密碼

可以通過~/.config/code-server/config.yaml文件看到隨機(jī)生成的密碼很長，我們不可能一直記住，那么我們只需要修改這個密碼再重啟我們的容器就 ok 了。

我比較習(xí)慣用 vim 編輯器，但是在 code-server 的官方鏡像中沒有安裝 vim，所以我們需要自行安裝。

①由于這個鏡像的基礎(chǔ)系統(tǒng)鏡像是 Debian，所以我們可以用：

apt-getinstall vim

②但是我們會發(fā)現(xiàn)是失敗的，這是由于我們 apt-get 的包比較老，我們只需要執(zhí)行apt-get update更新包庫再安裝 vim 即可。

③使用 vim 修改~/.config/code-server/config.yaml文件中的 password 字段的值保存退出即可完成修改密碼。

④我們輸入exit指令退出容器，然后我們重啟容器，使我們修改的密碼生效：

dockerrestart my-code-server6.使用自己的密碼登錄

刷新界面，就可以用自己的密碼登錄 code-server 了！

Go 環(huán)境

接下來我們將在我們的容器內(nèi)安裝 Go 語言環(huán)境，然后就可以在 code-server 中編寫 Go 程序了。

1.下載 Go 安裝包

我們可以通過 linux 的 wget 工具下載 Go 安裝包

①首先老辦法，通過apt-get install wget獲取 wget 工具

②通過 wget 工具下載安裝包：

wgethttps://studygolang.com/dl/golang/go1.17.2.linux-amd64.tar.gz

③將當(dāng)前下載的安裝包解壓到/usr/local文件夾下，這是 Go 官方推薦的安裝位置。

tar -C /usr/local-zxvf go1.17.2.linux-amd64.tar.gz2.設(shè)置環(huán)境變量

上面我們已經(jīng)將 Go 環(huán)境安裝好了，如果我們要在命令行使用，就要設(shè)置環(huán)境變量

我們通過 vim 修改/etc/profile文件，在最下面加兩行

exportGOROOT=/usr/local/goexportPATH=$PATH:$GOROOT/bin

保存退出后，使用source命令刷新環(huán)境變量

source/etc/profile

此時，我們的環(huán)境變量已經(jīng)設(shè)置好了，可以使用go version命令查看 Go 語言版本號。

3.命令行自刷新環(huán)境變量

當(dāng)我們設(shè)置環(huán)境變量后，我們到 code-server 中的內(nèi)置 bash 命令行中使用 go 命令還是無效的，這里我查到解決方案是我們需要配置在~/.bashrc

我們使用 vim 在~/.bashrc的最后兩行寫入：

source/etc/profile

保存退出，這里我們需要重啟容器。

容器重啟后，我們就可以在任何地方使用 go 命令了。

4.安裝 Go 擴(kuò)展包5.設(shè)置 Go 依賴庫的國內(nèi)鏡像

我們在命令行中鍵入：

goenv -w GO111MODULE=ongoenv -w GOPROXY=https://goproxy.cn,direct6.安裝 Go 語言的工具包

①先刷新我們的 code-server 界面

②在 code-server 中使用 Ctrl+Shift+P 快捷鍵

③在彈出的輸入框內(nèi)輸入 go，找到 Go:Install/Update Tools，選中

④將所有的 Tools 選中，然后確定，等待安裝成功

7.新建一個 go 程序apt-get installnpmnpminstall

及

npmrun serve

PS：

至此我們的編程 + 編譯 +Debug+ 打包環(huán)境都配置好了，我們可以隨時隨地編寫我們的前后端分離項(xiàng)目了?。╟ode-server 的官方鏡像中包含 git，可以使用 git 管理我們的代碼）

更多原創(chuàng)文章干貨分享，請關(guān)注公眾號：程序猿來信

非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章："在瀏覽器上開發(fā)GO和ue"，僅為提供更多信息供用戶參考使用或?yàn)閷W(xué)習(xí)交流的方便。我們公司提供：網(wǎng)站建設(shè)、網(wǎng)站制作、官網(wǎng)建設(shè)、SEO優(yōu)化、小程序制作等服務(wù)，歡迎聯(lián)系我們提供您的需求。

文章名稱：在瀏覽器上開發(fā)GO和ue
本文地址：http://www.rwnh.cn/news46/319196.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、Google、營銷型網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)站策劃、虛擬主機(jī)

廣告

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