部署code-server并在平板中用瀏覽器敲代碼與電腦同步
- 應用背景、想法和場景
- 背景
- 想法
- 應用場景
- 前期準備
- 服務器
- 本地倉庫
應用背景、想法和場景
背景
不知道有沒有小伙伴和我有一樣的感受，就是手上接了一些私活，然后經常要維護，或者說一天不敲代碼渾身不舒服的情況（這里凡爾賽一下哈哈哈），這樣就容易造成一個麻煩，就是出門一直要帶著電腦，不然就感覺心理慌慌的，因此，我就想了一些方法用向日葵連接自己的電腦（以前沒上大學前沒有電腦，經常改bug時候都是用手機連接VPS連的，不是云電腦！因為窮用不起云電腦的配置，那個速度能卡到到你奔潰），用向日葵不方便的一點就是，自己的電腦要一直開機，占用資源，而且有時候網不穩定就容易涼涼，
想法
出門不要一直帶個電腦，帶個平板就敲代碼能應急（因為窮暫時還沒買平板）
因此大概得實作以下幾個需求：
- 通過服務器或者倉庫來同步本地和遠程倉庫檔案
- 通過瀏覽器就能夠直接撰寫代碼（這個是重點）
- 能夠通過遠程部署編譯器直接編譯運行代碼
話不多說先看效果
應用場景
對于編程愛好者或者生產者來說，這種需求肯定不止我一個有，所以肯定有相關的程式可以使用（也不知道以前哪里來的這種想法），然后我就去網上搜了一番，找到了我心愛的VsCode(因為它本省是node寫的，所以要弄成在線版相對還是比較容易的)，在線的VsCode有一個名字：code-server（傳送門GitHub），然后就開始了部署之旅，
前期準備
服務器
小編買的是阿里云的學生機（反正只是湊合著用，手上還有十臺服務器不過大部分不是我的），（阿里官方的服務器購買部署教程）不論是騰訊還是阿里的服務器都是 一樣的道理，我安裝的是Ubuntu18的系統，然后在安全組開放所有埠（可以根據自己的需求來），
部署基本服務之后，接下來是具體部署環境
-
安裝寶塔程式（根據個人喜好可以不安裝，具體教程自行百度以下）
-
安裝code-server環境了（中間可能會有很多問題，比如需要更新程式，下載慢換源等問題大家自行看其他博主的教程）
# 克隆代碼
git clone https://github.com/cdr/code-server.git
# 進入目錄
cd code-server
# 通過腳本安裝code-server
./install.sh
- 運行code-server
首先設定在線編輯器的連接密碼
export PASSWORD="這里設定一個密碼"
然后運行code-server
code-server --auth password --port 埠號 --host 0.0.0.0
運行之后去瀏覽器訪問 http://ip:埠
然后輸入剛剛設定的密碼
簡單配置vscode即可
編輯器配置和vscode一模一樣
- 配置后臺運行
上述配置過后，code-server基本運行已經沒問題了，但是當關閉ssh之后，編輯器就無法訪問了，這個問題玩過linux的應該都懂，所以就應該用后臺運行的方式（因為我們的目的就是能夠在平板上進行遠程編程，總不可能一直用ssh吧）
小編用的是nohup的方法，下面就簡單介紹nohup的使用方法（也可以深入學習以下其他博主寫的nohup基本命令）
| 命令 | 作用 | 例子 | 說明 |
|---|---|---|---|
| nohup 指令 & | “nohup” 表示程式不被掛起，最后一個“&”表示后臺運行程式 | nohup code-server --auth password --port 88 --host 0.0.0.0 & | 所有運行的日志會存放在nohup.out檔案下 |
| jobs -l | 可顯示當前終端所有任務的PID，jobs的狀態可以是running，stopped，Terminated，+ 號表示當前任務，- 號表示后一個任務， | jobs -l | 這里主要是查看PID然后配合下面的kill命令來結束程式 |
| kill %PID | 這里作用是殺死后臺nohup的行程 | kill %12345 | 可以結束code-server服務 |
本地倉庫
遠程環境基本沒問題了，現在就是要把本地的環境同步到遠程里頭，因為平時也是用vscode所以也比較好舉例，
- 首先在vscode中安裝SFTP插件教程傳送門
- 配置自動同步
- 然后把檔案都上傳到服務器當中
- 在瀏覽器打開code-serve地址，測驗代碼
- 然后就可以在平板當中愉快玩耍了
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/291396.html
標籤：其他
上一篇：Linux 掛載本地yum源詳解