讓你的 vs code 跑在雲上,用手機瀏覽器就能寫代碼

来源:https://www.cnblogs.com/yahle/archive/2019/05/23/vscode_on_cloud.html
-Advertisement-
Play Games

只要4個命令,就能讓你的IDE(vs code)在雲端運行。 ...


讓你的vs code 跑在雲伺服器上

在B站上看到一個視頻Run VS Code in the browser with massive computing resources(教你如何配置一個雲IDE),視頻里將vs Code部署在谷歌雲上,這樣就可以在任意的地方,使用瀏覽器線上編輯代碼執行程式。

隨後我自然是那我在騰訊雲上的伺服器進行了一番測試。
這是PC上的效果:

這是手機上的效果:

以下是準備階段:

  1. 打開github地址:code-server
  2. 購買一臺雲伺服器(騰訊雲),2核4G

開始安裝:

伺服器選用:Ubuntu Server 18.04.1 LTS 64位

這裡不推薦centos伺服器,原先自用的是centos7,但折騰了2天,實在是無法更新最新的GCC和Nodejs版本,所以自己不得不重裝了伺服器的操作系統:(

直接使用騰訊雲的web shell登錄linux


wget --no-check-certificate https://github.com/cdr/code-server/releases/download/1.1119-vsc1.33.1/code-server1.1119-vsc1.33.1-linux-x64.tar.gz

tar -xvzf code-server1.1119-vsc1.33.1-linux-x64.tar.gz

cd  code-server1.1119-vsc1.33.1-linux-x64

./code-server -p 8080

以上4個步你就可以得到這個結果:

你就可以愉快的用瀏覽器打開 https://cloudip:8080 輸入密碼,你就一個愉快的玩耍了。

高級技巧

  1. 雲IDE預設使用https進行連接,你也可以http,加一個 --allow-http 即可
  2. 預設的密碼是隨機的,不方便,你也可以自定義密碼,加一個 -P

最後你的命令可能就是

./code-server --allow-http -p 8080 -P pw123

註意事項

單獨開啟code-server服務,需要600M記憶體,用瀏覽器開一個IDE頁面,吃掉800M記憶體。所以,理論上伺服器2G就能跑,但實際上,最好還是要有4G記憶體才行。

最後

其實雲IDE一直都有,有 aws 的 cloud9,可惜是java開發的,曾經試過安裝,但沒能跑起來就放棄了。
華為雲也推出過自己的雲IDE,但是和他們的DvpOps整合在一起,只能在他們的伺服器上建實例,要重新開伺服器,看樣子也是從 cloud9 繼承過來的。
阿裡雲沒看見有,不過猜測不久將來應該也會有。
騰訊雲沒看見有,不過猜測未來不會有。

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
..
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.

很高興你看到了這裡

千萬別忘了開防火牆

Linux伺服器的防火牆

騰訊雲(阿裡雲)的防火牆


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 問題 部署項目時,常常需要根據不同的環境使用不同的配置文件。例如,在部署網站時可能希望禁用調試選項,並更改連接字元串以使其指向不同的資料庫。在創建 Web 項目時,Visual Studio 自動生成了 Web.config、Web.Debug.config、Web.release.config這3 ...
  • 提示:基於官方教程整理 右鍵單擊“RazorPagesMovie”項目 >“添加” > “新建文件夾”。 將文件夾命名為“Models”。右鍵單擊“Models”文件夾。 選擇“添加” > “類”。 將類命名“Movie”。向 Movie 類添加以下屬性: using System;using Sy ...
  • 引入Nuget的兩個類庫 使用 ...
  • 1、把Configure中的 app.UseCookiePolicy(); 這一行代碼註釋掉 2、 /// <summary> /// 設置本地cookie /// </summary> /// <param name="key">鍵</param> /// <param name="value"> ...
  • 在Startup.cs 的 ConfigureServices中添加Session中間件設置 在Startup.cs 的 Configure中添加Session服務 引入命名空間 using Microsoft.AspNetCore.Http; 使用 HttpContext.Session.SetS ...
  • 增加mysql版本線上預覽地址:http://www.eipflow.com:3000/ ...
  • 以上是虛方法和多態。 面向對象編程過程中儘量依賴抽象的類,而不要過分依賴具體類。 基類的引用可以指向派生類。通過指向Dog類的Pet類的引用,僅能訪問Dog中繼承自Pet的部分,如下: ...
  • 參考資料:Stack Overflow 我自己寫的demo:SwaggerDemoApi 在已有的webapi項目或者創建webapi項目中,打開nuget管理器 搜索:swagger 安裝截圖中的插件到你的webapi項目中 ,安裝完成後,項目根目錄下也可能會出現SwaggerNet.cs文件,把 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...