VPS لـcode-server: محرر VS Code في متصفحك

حاسوبك المحمول عمره خمس سنوات، والبناء يستغرق ثماني دقائق، وتريد إصلاح خطأ من جهاز لوحي في القطار. يشغّل code-server محرر Visual Studio Code على خادم ويعطيك المحرر كاملًا في تبويب متصفح — الإضافات نفسها، والطرفية نفسها، واختصارات لوحة المفاتيح نفسها. العمل الثقيل يجري على الـVPS؛ وجهازك يرسم الواجهة فقط.

لماذا يناسبه VPS

• بيئة واحدة في كل مكان. المستودع نفسه والأدوات والإعدادات نفسها من حاسوبك أو من حاسوب مستعار أو من iPad.
• البناء لا يستنزف بطاريتك. الترجمة والاختبارات تستخدم معالج الخادم.
• المهام الطويلة تصمد. أغلق الغطاء، والمهمة داخل tmux تواصل العمل.
• تنزيلات سريعة. npm install وdocker pull يمرّان عبر اتصال الخادم السريع، لا عبر Wi-Fi الفندق.

ما يحتاجه

خوادم اللغات هي التكلفة الخفية. مشروع TypeScript فيه بضعة آلاف من الملفات قد يأخذ وحده غيغابايتًا.

التثبيت

بصفة مستخدم عادي مع sudo (لا root — راجع دليل مستخدم sudo):

curl -fsSL https://code-server.dev/install.sh | sh
sudo systemctl enable --now code-server@$USER

يختار سكربت التثبيت الحزمة المناسبة لتوزيعتك. الإعدادات موجودة في ~/.config/code-server/config.yaml:

bind-addr: 127.0.0.1:8080
auth: password
password: use-a-long-random-password
cert: false

أعد التشغيل بعد التعديل: sudo systemctl restart code-server@$USER. أبقِ bind-addr على 127.0.0.1 — يجب ألا يستمع أبدًا على عنوان عام دون HTTPS أمامه.

الوصول 1: نفق SSH (يعمل على أي خطة)

من جهازك:

ssh -p 22 -N -L 8080:127.0.0.1:8080 you@203.0.113.10

ثم افتح http://localhost:8080. لا شيء مكشوف على الإنترنت، وSSH يتولى التشفير. على خطة NAT استخدم منفذ SSH الشخصي من لوحة التحكم بدل 22. هذا هو الإعداد الذي نوصي به لمطوّر يعمل وحده.

الوصول 2: HTTPS على نطاقك

للوصول من أجهزة لا يمكنك تشغيل SSH عليها، ضع nginx أمامه على خطة بـIP مخصص. وجّه نطاقًا فرعيًا إلى الخادم (إليك الطريقة)، ثم مرّر الطلبات مع دعم WebSocket:

server {
    server_name code.example.com;
    location / {
        proxy_pass http://127.0.0.1:8080;
        proxy_set_header Host $host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection upgrade;
        proxy_set_header Accept-Encoding gzip;
    }
}

احصل على شهادة بـcertbot --nginx -d code.example.com. دليل الـreverse proxy يغطي التفاصيل. مع رابط عام، تكون كلمة المرور في config.yaml الشيء الوحيد بين الإنترنت وطرفية على خادمك، فاجعلها طويلة.

ما يجب معرفته قبل الانتقال

• الإضافات تأتي من Open VSX. أشهرها موجود هناك؛ وبعض الحصرية لـMicrosoft غير موجودة. تحقق من إضافاتك أولًا.
• اختصارات المتصفح تنتصر أحيانًا. Ctrl+W يغلق التبويب لا الملف. تثبيت code-server كتطبيق PWA من قائمة المتصفح يحل معظم ذلك.
• لا يوجد GPU. إنه خادم بمعالج مركزي — ممتاز للكود، لا لتدريب النماذج.
• المهام الطويلة داخل tmux. الطرفية المدمجة تموت مع التبويب.

يتكامل جيدًا مع

إن كنت تستخدم وكلاء برمجة بالذكاء الاصطناعي، فالخادم نفسه يمكنه تشغيلهم بجانب محررك — راجع تشغيل وكيل برمجة على VPS وحالة استخدام Claude Code. تفاصيل الخطط ومسارات الترقية في توثيق الخطط.