Как элегантно печатать код в интернет-кафе

внешний интерфейс Visual Studio Code
Как элегантно печатать код в интернет-кафе

Как элегантно печатать код в интернет-кафе

Введение

интернет-кафеДля большинства из нас, мальчиков, родившихся в 90-х годах, это слово может означать молодость, которую невозможно вернуть. Всякий раз, когда мы говорим об интернет-кафе, мы всегда можем вызвать слишком много воспоминаний. Сегодня интернет-кафе все еще полны улиц и переулков в городах. , но в то время Людям, которые вместе ходят в интернет-бар, трудно собраться вместе. Во-вторых, сейчас практически у каждого есть свой компьютер, и количество посещений интернет-кафе очень ограничено, в основном все будут ходить в интернет-кафе, чтобы собраться вместе во время китайского Нового года и фестивалей. В настоящее время мои друзья или коллеги в основном программисты, и они меньше играют в игры. Всякий раз, когда они говорят о посещении интернет-кафе, все шутят о том, что они ходят в интернет-кафе, чтобы вместе набирать коды. Тогда возникает проблема.Как элегантно печатать код в интернет-кафе?

网吧

code-server

Недавно, бродя по интернету, я наткнулся на интересный проект.code-server

code-serverадрес проекта:GitHub.com/CDR/код-цвет…

code-serverЧто это такое? Первое предложение введения к проекту

Run VS Code on any machine anywhere and access it in the browser.

переведи это наЗапустите VS Code на любом компьютере с доступом в браузере, хорошо известныйVS Codeна основеElectronпостроен с открытым исходным кодомIDE(Вообще-то я давно не знал 😅)

Electron: использовать JavaScript,HTML а такжеCSS Создавайте кроссплатформенные настольные приложения

Electron VS_Code

Некоторые люди спросят, когда увидят это, так какVS Codeэто использовать JavaScript,HTML а такжеCSS Соберите, затем поиграйте с ним, чтобы увидеть, может ли он работать в браузере, а затем кто-то действительно это сделает, этот проектcode-server, Сейчас я вGithubуже есть46.7KизStar, достаточно, чтобы показать свою популярность.

развертывание кода-сервера

code-serverРазвертывание очень простое, оно описано на домашней странице проекта, установка — это команда

To install, run:

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

Однако, во избежание загрязнения файлов, нестабильности загрузки и удобства управления, здесь рекомендуется использовать именно его.Dockerразвернуть

Docker развертывает код-сервер

Если вы развертываете, вы также можете писать в соответствии с вашими реальными потребностями.Dockerfile,конечно ленивые люди все же рекомендуют вам использовать загруженное изображение, написанное другими.После того, как я попробовал это здесь, я думаю, что более полезным изображением являетсяlinuxserver/dockercodeserver

адрес проекта:GitHub.com/Linux-сервер…

использовать здесьdocker-composeбегатьDockerконтейнер

docker-compose.yml

version: "2.1"
services:
  code-server:
    image: linuxserver/code-server
    container_name: code-server
    environment:
      - PUID=1000
      - PGID=1000
      - TZ=Asia/Shanghai
      - PASSWORD=123456 #进入网站的密码（使用你自己的密码）
      - SUDO_PASSWORD=123456 #终端中使用sudo的密码（使用你自己的密码）
      - HASHED_PASSWORD= #optional
    volumes:
      - /root/code-server/config:/config
    ports:
      - 8443:8443
    restart: unless-stopped

Меры предосторожности:

  • PASSWORDэто пароль для входа на сайт
  • SUDO_PASSWORDэто пароль для использования sudo в терминале
  • Выберите каталог для подключения к контейнеру, образ создаст нового пользователя в контейнере, а установленный вами подключенный каталог будет использоваться в качестве пользовательского каталога пользователя.VS Codeбудет использовать этот каталог в качестве рабочего каталога
  • Образ уже установленGit,Node.js,Npm,YarnВ ожидании пакетов программного обеспечения специалисты по фронтенду могут в основном использовать их для разработки напрямую.Если вам нужны другие пакеты программного обеспечения, установите их самостоятельно.
  • лучше всего использоватьhttpsРазвертывание, еслиhttpСуществует множество ограничений для развертывания

非https提醒

  • не забудьте настроитьdevServerВключить доступ к экстрасети
devServer: {
	// 其他略
    port: 9000, // 端口
    host: '0.0.0.0', // 服务器可从外部访问
    allowedHosts: [ // 允许的主机地址
      '.xikcloud.com'
    ]
  },
Git использовать

бегать

ssh-keygen -o

генерироватьsshОткрытый ключ, место хранения открытого ключа по умолчанию.ssh/id_rsa.pub, добавьте открытый ключ в свойGithubаккаунт, так что он твойGithubсчет открыт

окончательный эффект

效果1

Наконец, чтобы ответить на предыдущий вопрос,Как элегантно печатать код в интернет-кафе? Нет необходимости настраивать какое-либо окружение, включаем компьютер, открываем браузер, вводим URL и все готово, что шикарно!

Категории