vscode搭建web服務的總結

本文目錄

1. 應用場景
2. 實現方式及利弊

應用場景

通過搭建vscode服務器，將代碼放置在服務器，通過web瀏覽器進行編輯、調試。你可以使用一個平板，或者一個筆記本，就能可以進行編程

你可以不用帶着沉重的筆記本電源適配器，甚至只帶一個平板，就可以隨時隨地進行編程

但是不要報太高期望,markdown無法預覽,無法debug,只能平時寫一些算法練習

雞肋,雞肋,食之無味,棄之可惜

實現方式及利弊

1. 源碼運行.下載vscode源代碼，yarn編譯之后,通過yarn web啟動.缺點是,不能身份驗證,除非你只在服務器的局域網范圍內使用web服務,否則你的服務器就開放給公網了,因為vscode中可以打開終端,就相當於通過ssh連進服務器了.
2. 基於vscode的code-server.使用一個開源的項目,它將vscode針對web服務進行一些優化(主要是賬號登陸和插件市場兩部分),開箱即用

理想的安裝流程

vscode版

1. git clone https://github.com/microsoft/vscode.git下載源代碼
2. yarn編譯
3. yarn web運行web應用
4. http://127.0.0.1:8080打開瀏覽器進入

可能出現的問題

1. 插件市場無法使用

   在多次嘗試之后仍不成功

2. 沒有安裝nodejs 以ubuntu為例
   來源風起時博客

   # 在ubuntu中添加一個nodejs源
   curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -
   # 可選操作:使用清華源進行安裝
   vim /etc/apt/sources.list.d/nodesource.list
   # 將https://deb.nodesource.com/node/替換為https://mirrors.tuna.tsinghua.edu.cn/nodesource/deb/
   # 或者將https://deb.nodesource.com/node_16.x/改為https://mirrors.tuna.tsinghua.edu.cn/nodesource/deb_16.x
   sudo apt update
   sudo apt install nodejs
   

3. yarn時提示版本需要為最新版
   來自漂洋過海的油條的博客

   # 移除cmdtest,yarn
   sudo apt remove cmdtest
   sudo apt remove yarn
   
   # 更新ubuntu中的yarn源
   curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
   echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
   
   # 更新源並安裝
   sudo apt update
   sudo apt install yarn
   

4. yarn時報錯,如下

   Package xcb was not found in the pkg-config search path.
   Perhaps you should add the directory containing `xcb.pc'
   to the PKG_CONFIG_PATH environment variable
   Package 'xcb', required by 'x11', not found
   

   參考南有木兮木不知

   意思就是xcb.pc這個包找不到,那就把這個包定位出來,然后從源目錄拷貝進/usr/lib/pkgconfig/目錄下就好

5. yarn時,占用的內存越來越大,最后卡死失敗
   解決辦法：虛擬內存

   參考這個盜草屋

   大概意思就是創建一個指定大小的文件,用來代替內存進行讀寫

   mkdir swap
   cd swap
   sudo dd if=/dev/zero of=swapfile bs=40960 count=100000
   # 把生成的文件(4個G)轉換成 Swap 文件
   sudo mkswap swapfile
   # 激活 Swap 文件。
   sudo swapon swapfile
   
   

   然后查看free -mswap那一行對應的就是虛擬內存大小以及使用情況

   如果需要卸載這個 swap 文件，可以進入建立的 swap 文件目錄。執行下列命令。

   sudo swapoff swapfile

code-server

1. uname -a查看本機的架構
2. https://gitee.com/mirrors/code-server/blob/master/docs/install.md進入官方幫助文檔,找到適合自己的安裝方式

可能出現的問題

1. markdown語法無法預覽
   鬼知道為啥,氣死了,甚至后台沒報錯

2. docker安裝並運行后,無法安裝插件且一旦容器重啟就無法正常使用
   個人推測為docker持久化存儲有問題,重啟之后部分重要內容被重置掉了

3. 打開的工作文件夾中文件過多時,后台報錯監聽文件限制
   來自花紅葉綠莫笑秋

   # 修改系統文件
   sudo vim /etc/sysctl.conf
   # 在最下面一行添加fs.inotify.max_user_watches=524288
   # 刷新配置文件
   sudo sysctl -p
   

4. linux的架構是非主流的
   比如arrch(PS:沒錯我的雲主機就是這個)
   官網講,用yarn安裝,官方文檔也有寫