検索
ホームページ開発ツールVSCodeコードサーバーを使用して独自のクラウド VSCode を構築するにはどうすればよいですか?

コードサーバーを使用して独自のクラウド VSCode を構築するにはどうすればよいですか?

関連おすすめ: 「vscode 基本チュートリアル

最近、勉強に出かけるときは必ずパソコンを持ち歩くようになりました。かなり面倒ですが、プログラミングにはコンピューターが必要です。 iPad を取り出して同時にプログラミングできる方法はありますか?

答えは、ブラウザ上で VS Code を実行できるオープン ソース プロジェクトのコード サーバーです。以下では、code-server を使用してクラウド VS Code を構築する方法を紹介します。

目標

code-server を通じてサーバー上で VS Code を実行し、ブラウザーを通じて VS Code にアクセスします。

サーバー

最初にサーバーを準備する必要があります。公式ドキュメントで推奨されている最小構成は、

  • 1 GB の RAM
  • 2 です。コア (1 Nuclear は実行できますが、時々スタックします)

まだサーバーをお持ちでない場合は、中国の Tencent Cloud (Conscience Cloud) サーバーを購入することをお勧めします。 Vultr を海外で購入するには、従量課金制で優れたラインを備えています。WeChat/Alipay をサポートします。私をサポートしたい場合は、私の AFF リンクを使用してください。そうすれば、あなたには 100 ドルのクレジットが、私には 25 ドルのクレジットが与えられます。

オペレーティング システムでは、任意の Linux ディストリビューションを使用できます。この記事では例として Ubuntu 20.04 を使用します。

code-serverのインストール

公式スクリプトを使用してcode-serverをインストールします。 XSShell または Putty を使用してサーバーにログインし、次のコマンドを順番に実行します。

curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run
curl -fsSL https://code-server.dev/install.sh | sh

完了後、インストール スクリプトによって code-server の実行方法と使用方法が出力されます。

systemctl start code-server@$USER // 启动code-server

Access code-server

code-server は、デフォルトでパスワードを使用してログインします (パスワードは ~/.config/code-server/config.yaml# に保存されます) ##) を監視し、losthost が外界にさらされることを回避します。しかし、私たちの目標は、異なるマシンでアクセスすることです。

以下に、コードサーバーにアクセスする安全かつ簡単な方法を紹介します。

先に進む前に、サーバーが HTTP/HTTPS ポートを開くことを確認する必要があります

ufw allow 80
ufw allow 443
1. 独自のドメイン名 (これはすでにご覧になっていると思います。ドメイン名をまだお持ちでない場合は、購入を検討してください (私は NameCheap を使用しています。Github 学生パッケージには 1 年間無料の NameCheap ドメインが付属しています)。

2. A レコードを使用して、ドメイン名をサーバー IP に解決します。

3. Caddy をインストールします。

echo "deb [trusted=yes] https://apt.fury.io/caddy/ /" \
    | sudo tee -a /etc/apt/sources.list.d/caddy-fury.list
sudo apt update
sudo apt install caddy
Caddy サーバーは、HTTP/2 をサポートする Golang で書かれたオープンソース Web サーバーです。 Golang 標準ライブラリを使用して HTTP 機能を提供します。 Caddy の注目すべき機能は、HTTPS がデフォルトで有効になっていることです。これは、追加の構成なしで HTTPS 機能を提供する最初の Web サーバーです。
——Wikipedia

注: 上記の方法では Caddy 2 がインストールされますが、現在中国のインターネットで検索されている Caddy ドキュメントのほとんどはバージョン 1 です。2 と 1 の間には多くの違いがあります。ご自身で確認してください。 . 公式英語ドキュメント。

4.

nano /etc/caddy/Caddyfile の内容を次の内容に置き換えます

yourdomain.com
reverse_proxy 127.0.0.1:8080
5. キャディを再起動します:

sudo systemctl reload caddy
次に、ブラウザで

https:// にアクセスして、コードサーバー ページに入ります。

パスワードの変更

~/.config/code-server/config.yaml のパスワードの値を変更し、code-server: を再起動します。

sudo systemctl restart code-server@$USER
参考

code-serverセットアップガイド(https://github.com/cdr/code-server/blob/v3.7.3/doc/guide.md)

プログラミング関連の知識については、

プログラミング教育をご覧ください。 !

以上がコードサーバーを使用して独自のクラウド VSCode を構築するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Visual Studio:無料のオプションと有料のオプションを比較しますVisual Studio:無料のオプションと有料のオプションを比較しますMay 02, 2025 am 12:09 AM

VisualStudioを選択する際には、無料版は個々の開発者や小規模チームに適しており、有料版は高度な機能を必要とする大規模な企業やユーザーに適しています。 1.無料のコミュニティエディションは、個人と小チームに基本的な開発ツールを提供します。 2。有料の専門家およびエンタープライズエディションは、ビジネス環境と大規模なチームの高度な機能とサポートを提供します。

Visual Studio:その機能に関する包括的なガイドVisual Studio:その機能に関する包括的なガイドMay 01, 2025 am 12:14 AM

VisualStudioは、開発効率を向上させるためのさまざまな機能を提供します。 1。インターフェイスとナビゲーション:メニューバー、ツールバー、その他のコンポーネントを介してプロジェクトを管理します。 2。コード編集とインテリジェント認識:コード完了とフォーマットツールを提供します。 3。デバッグとテスト:ブレークポイントの設定と可変監視をサポートします。 4。バージョン制御:GITおよびその他のシステムと統合して、チームのコラボレーションを促進します。

Visual Studio Vs. VSコード:インストール、セットアップ、使いやすさVisual Studio Vs. VSコード:インストール、セットアップ、使いやすさApr 30, 2025 am 12:05 AM

VisualStudioとVSCodeには、開発ニーズがさまざまな場合に適した独自の利点と短所があります。 VisualStudioは大規模なプロジェクトに適しており、豊富な機能を提供します。 VSCODEは軽量で柔軟で、クロスプラットフォームのサポートがあります。

Visual Studioの目的:コード編集、デバッグなどVisual Studioの目的:コード編集、デバッグなどApr 29, 2025 am 12:48 AM

VisualStudioは、複数のプログラミング言語と完全な開発プロセスをサポートする多機能統合開発環境です。 1)コード編集:インテリジェントなコードの完了と再構成を提供します。 2)デバッグ:組み込みの強力なデバッグツール、ブレークポイントと可変モニタリングをサポートします。 3)バージョン制御:GITとTFVCを統合して、チームのコラボレーションを容易にします。 4)テスト:複数のテストタイプをサポートして、コードの品質を確保します。 5)展開:オンプレミスからクラウドへの展開要件をサポートするさまざまな展開オプションを提供します。

Visual Studio Vs. VSコード:コードエディターの比較Visual Studio Vs. VSコード:コードエディターの比較Apr 28, 2025 am 12:15 AM

VisualStudioは大規模なプロジェクト開発に適していますが、VSCODEは軽量で高度にカスタマイズ可能な環境に適しています。 1. VisualStudioは、大規模なプロジェクトやエンタープライズレベルの開発に適した、強力なインテリジェントな知覚とデバッグ機能を提供します。 2。VSCODEは、複数のプログラミング言語とクロスプラットフォーム開発に適した、拡張システムを通じて柔軟性とカスタマイズ機能を提供します。

Visual Studioの価格設定:サブスクリプションモデルの理解Visual Studioの価格設定:サブスクリプションモデルの理解Apr 27, 2025 am 12:15 AM

VisualStudioサブスクリプションは、さまざまな開発者のニーズに適した複数のレベルで利用できます。 1.基本バージョンは無料で、個人や小さなチームに適しています。 2。プロフェッショナルやエンタープライズなどの高度なバージョンは、エンタープライズユーザーに適した高度なツールとチームコラボレーション機能を提供します。

Visual Studio Vs. VSコード:パフォーマンスとリソースの使用Visual Studio Vs. VSコード:パフォーマンスとリソースの使用Apr 26, 2025 am 12:18 AM

パフォーマンスとリソースの使用におけるVisualStudioとVSCodeの違いは、主に以下に反映されています。1。起動速度:VSCODEは高速です。 2。メモリの使用量:VSCODEは低くなります。 3。CPUの使用法:VisualStudioは、コンピレーションとデバッグ中に高くなります。選択するときは、プロジェクトの要件と開発環境に基づいて決定する必要があります。

ビジュアルスタジオ:C#、CなどのIDEビジュアルスタジオ:C#、CなどのIDEApr 25, 2025 am 12:10 AM

VisualStudio(VS)は、Microsoftが開発した強力な統合開発環境(IDE)であり、C#、C、Pythonなどの複数のプログラミング言語をサポートします。1)コード編集、デバッグ、バージョン、テストなどの機能セットを提供します。 2)強力な編集者とデバッガーを介したプロセスコード、RoslynおよびClang/MSVCコンパイラプラットフォームを使用した高度なコード分析と再構築をサポートします。 3)基本的な使用法は、C#コンソールアプリケーションの作成に似ており、高度な使用は多型を実装するようなものです。 4)ブレークポイントの設定、出力ウィンドウの表示、インスタントウィンドウの使用により、一般的なエラーをデバッグできます。 5)パフォーマンス最適化の提案には、非同期プログラミングの使用、コード再構成、パフォーマンス分析が含まれます。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。