关于前端:如何优雅的在网吧敲代码

网吧这个词对咱们大多数 90 后男生来说可能代表的是再也回不去的青春，每当说起网吧总能勾起太多回顾，现在的网吧仍旧充斥着城镇的大街小巷，只是过后一起上网吧的人却在难以聚到一起了。其次是当初大家根本也都有了本人的 PC，去网吧的次数也就比比皆是了，也就根本在逢年过节的时候大家会一起到网吧聚一聚。现在身边敌人或共事大家根本都程序员，玩游戏较少，每当谈起去网吧的时候，大家都是开玩笑道一起到网吧敲代码，那么问题来了，如何优雅的在网吧敲代码？

最近笔者在互联网冲浪时，无心中发现一个好玩的我的项目code-server

code-server我的项目地址：https://github.com/cdr/code-s…

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 构建跨平台的桌面应用程序

有人看到这里就要问了，那既然 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 进行部署

部署的话你也能够依据本人的理论需要写Dockerfile，当然了懒人还是举荐大家应用他人写好的曾经上传的镜像，我这边试过后感觉一个比拟好用的镜像是linuxserver/dockercodeserver

我的项目地址：https://github.com/linuxserve…

这边应用 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 进行部署会有诸多限度
记得配置 devServer 开启外网拜访

devServer: {
    // 其余略
    port: 9000, // 端口
    host: '0.0.0.0', // 服务器可从内部拜访
    allowedHosts: [ // 容许的主机地址
      '.xikcloud.com'
    ]
  },

Git 应用

运行

ssh-keygen -o

生成 ssh 公钥，公钥的存储地位默认是 .ssh/id_rsa.pub，把公钥增加到你的 Github 账户上，这样就跟你的 Github 账户买通了

最初答复后面提的问题，如何优雅的在网吧敲代码 ？
无需去配置任何环境，关上电脑，关上浏览器，输出网址，所有就曾经就绪，此堪称优雅！

关于前端:如何优雅的在网吧敲代码

如何优雅的在网吧敲代码

引子

code-server

code-server 部署

Docker 部署 code-server

docker-compose.yml

Git 应用

最终成果