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

先看我們最終效果：

完美運行 Go 程序！下面開始整個環境搭建。

打包好的鏡像

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

預備條件

1.一臺云服務器（最低配就 ok！）下文統一稱為宿主機。

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

code-server

項目地址：https://github.com/cdr/code-server

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

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

1.查找 code-server 鏡像

我們在宿主機命令行輸入：

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：后臺運行

-u：指定用戶名

-p：指定端口映射，code-server 跑在容器內的 8080 端口，我們需要將 8080 端口映射到我們宿主機的一個端口，我這里設置為 5000。這里預留一個 5001 端口映射出來，為后續開發 vue 程序做準備。

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

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

4.進入容器

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

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

進入容器中：

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

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

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

①由于這個鏡像的基礎系統鏡像是 Debian，所以我們可以用：

apt-getinstall vim

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

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

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

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

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

Go 環境

接下來我們將在我們的容器內安裝 Go 語言環境，然后就可以在 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

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

tar -C /usr/local-zxvf go1.17.2.linux-amd64.tar.gz2.設置環境變量

上面我們已經將 Go 環境安裝好了，如果我們要在命令行使用，就要設置環境變量

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

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

保存退出后，使用source命令刷新環境變量

source/etc/profile

此時，我們的環境變量已經設置好了，可以使用go version命令查看 Go 語言版本號。

3.命令行自刷新環境變量

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

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

source/etc/profile

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

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

4.安裝 Go 擴展包5.設置 Go 依賴庫的國內鏡像

我們在命令行中鍵入：

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

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

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

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

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

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

及

npmrun serve

PS：

至此我們的編程 + 編譯 +Debug+ 打包環境都配置好了，我們可以隨時隨地編寫我們的前后端分離項目了！（code-server 的官方鏡像中包含 git，可以使用 git 管理我們的代碼）

更多原創文章干貨分享，請關注公眾號：程序猿來信

非常感謝您讀完創新互聯的這篇文章："在瀏覽器上開發GO和ue"，僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供：網站建設、網站制作、官網建設、SEO優化、小程序制作等服務，歡迎聯系我們提供您的需求。

文章名稱：在瀏覽器上開發GO和ue
本文地址：http://m.kartarina.com/news46/319196.html

成都網站建設公司_創新互聯，為您提供微信小程序、Google、營銷型網站建設、服務器托管、網站策劃、虛擬主機

廣告

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