前言
在(zai)Windows做發(fa)(fa)(fa)開的(de)時候，通(tong)常遇到字符編(bian)碼，代(dai)碼構建環境等問題，不(bu)得不(bu)使用WSL或者虛擬(ni)機等方式來作(zuo)為開發(fa)(fa)(fa)環境；vscode 是(shi)微(wei)軟開源的(de)一(yi)個跨平臺開發(fa)(fa)(fa)IDE，能夠(gou)支持(chi)多種(zhong)操(cao)作(zuo)系統；vscode-remote 是(shi)官(guan)方提供(gong)的(de)連接源端(duan)服務(wu)器的(de)方案(an)，能夠(gou)通(tong)過(guo)SSH的(de)方式訪問源端(duan)代(dai)碼進行(xing)開發(fa)(fa)(fa)。 coder.com 提供(gong)了一(yi)個在(zai)瀏覽器里(li)面"運行(xing)"vscode的(de)一(yi)個開源方案(an)--code-server，本文將介紹(shao)如(ru)何使用code-server搭建開發(fa)(fa)(fa)環境實現隨時隨地進行(xing)編(bian)碼。
環境準備
為了(le)部署(shu)code-server應用，需要在購(gou)買如下云上資源：
| 資源 | 數量 | 說明 |
| Linux彈性云主機 | 1 |
|
| 彈性IP | 1 |
|
| 域名 | 1 |
|
| 彈性負載均衡 | 1 |
|
下載code-server
code-server在github上開源(yuan)，下(xia)載最新的發行版本 github.com/coder/code-server/releases
安裝部署
將上面(mian)下載的debian 安(an)裝(zhuang)包拷貝到服務(wu)器， 然后運行如下命令安(an)裝(zhuang)
|
sudo dpkg -i code-server_4.17.1_amd64.deb sudo systemctl enable code-server@$USER.service |
準(zhun)備code-server的配置文件，設置登錄密碼
| # cat ~/.config/code-server/config.yaml bind-addr: 127.0.0.1:8060 auth: password password: my_own_passwd cert: false |
重啟服務
| sudo systemctl restart code-server@$USER.service |
就這樣簡單的步驟，服(fu)務就部署好了。
設置代理
這里(li)使(shi)用(yong)nginx作為web proxy，配置證(zheng)書(shu)（可(ke)以(yi)在域名備案后(hou)申(shen)請免費(fei)證(zheng)書(shu)，一(yi)年有效期）
|
proxy_read_timeout 3600; # root /var/www/html; # Add index.php to the list if you are using PHP location / { } |
訪問驗證
配(pei)置好了(le)過(guo)后，就能夠通過(guo)瀏(liu)覽器訪(fang)問(wen)vsode了(le)
輸入(ru)密碼，就出現經典的vscode界面了(le)。
可以通過離線的(de)方案安裝vscode插件來(lai)擴(kuo)展(zhan)vsode的(de)功能， 使其成(cheng)為(wei)強(qiang)大的(de)IDE。
