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

45次阅读

共计 2110 个字符,预计需要花费 6 分钟才能阅读完成。

如何优雅的在网吧敲代码

引子

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

code-server

最近笔者在互联网冲浪时,无心中发现一个好玩的我的项目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:应用 JavaScriptHTML CSS 构建跨平台的桌面应用程序

<div align=”center”>
<img src=”https://read-1252195440.cos.ap-guangzhou.myqcloud.com/4. 如何优雅的在网吧敲代码 /Electron.png” width = “100” alt=”Electron” align=”center” />
<img src=”https://read-1252195440.cos.ap-guangzhou.myqcloud.com/4. 如何优雅的在网吧敲代码 /VS_Code.jpg” width = “100” alt=”VS_Code” align=”center” />
</div>

有人看到这里就要问了,那既然 VS Code 是应用应用 JavaScriptHTML CSS 构建的,那把它捣鼓捣鼓是不是能够在浏览器上运行,而后就真的有人这么干了,这个我的项目就是 code-server,目前在Github 曾经有 46.7KStar,足以阐明它的火爆了。

code-server 部署

code-server部署也很简略,在其我的项目主页就有介绍,装置就一条命令

To install, run:

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

然而防止文件净化、下载的不稳定性以及治理的不便,这里还是举荐应用 Docker 进行部署

Docker 部署 code-server

部署的话你也能够依据本人的理论需要写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会以这个目录为工作目录
  • 这个镜像曾经装置好了 GitNode.jsNpmYarn 等软件包,前端从业者根本能够拿来就能够间接进行开发了,你如果须要其余软件包请自行装置
  • 最好应用 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 账户买通了

最终成果

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

正文完
 0