在线代码编辑器code-server

这篇具有很好参考价值的文章主要介绍了在线代码编辑器code-server。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在线代码编辑器code-server

今天是上海浦西全域静态管理的第 32 天。祝大家 5.1 假期 “无疫” 快乐!

周五、周六休息,没做核酸也没做抗原,周日、周一抗原。

周六再次迎来了降级,小区从管控区降为了防范区,不过还是按管控区管理,反正就是不能出小区,也许防范区是给未来的解封准备的吧。

看新闻上海似乎已经 社会面清零 ,也许离解封不远了,总之,希望还是要有的。


因为经常要编辑各种代码文件,尤其是 yaml 文件,群晖自带的 文本编辑器 虽然支持 yaml 文件,但实际上经常会出现错误,主要是因为 yaml 文件对缩进有比较严格的要求,一般情况下老苏会用 Visual Studio Code,老苏工作机比较多,这就需要在每台机器上都安装,空间不是问题,架不住繁琐,所以打算部署个 Web 版的 VS Code,这样在任何有网络的地方都可以使用了。真正做了一次安装,到处使用。

什么是 code-server ?

code-server 是一个免费的基于浏览器的 IDE,可以让我们在具有一致开发环境的任何设备上编写代码。

还有个项目叫 OpenVSCode ,和 code-server 似乎是一样的,等有空了再来研究

准备

如果你要在互联网上使用,需要先准备好一个域名,并做好反向代理设置,因为后面安装容器的时候会用到。老苏用的 Nginx Proxy Manager,群晖自带的反向代理道理上是一样的

在线代码编辑器code-server

没啥问题的话老苏都勾选了

在线代码编辑器code-server

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 code-server ,选择第二个 linuxserver/code-server,版本选择 latest

在线代码编辑器code-server

docker 文件夹中,创建一个新文件夹,并将其命名为 code-server,再建一个子目录 config

文件夹 装载路径 说明
docker/code-server/config /config 存放设置

在线代码编辑器code-server

端口

本地端口不冲突就行,不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
3444 8443

在线代码编辑器code-server

环境

可变
TZ 指定时区,设为 Asia/Shanghai
PUID 设为 1000
PGID 设为 1000
PASSWORD 可选项,为 web gui 的密码
PROXY_DOMAIN 可选项,例如设为 vsc.laosu.ml,不需要带端口

1、PASSWORD:如果你跟老苏一样已经有了 authelia ,这里可以不用设置,否则的话安全起见还是设置一个比较好
2、 PROXY_DOMAIN :如果要在公网使用,就需要设置

在线代码编辑器code-server

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

【注意】:

  1. PROXY_DOMAIN 后面替换为你的域名
  2. 老苏用的 volume2,请根据自己的进行替换
# 新建文件夹 code-server 
mkdir -p /volume2/docker/code-server/config

# 进入 code-server 目录
cd /volume2/docker/code-server

# 启动容器
docker run -d \
  --name=code-server \
  -e PUID=1000 \
  -e PGID=1000 \
  -e TZ=Asia/Shanghai \
  -e PASSWORD=password \
  -e PROXY_DOMAIN=vsc.laosu.ml \
  -p 3444:8443 \
  -v $(pwd)/config:/config \
  --restart unless-stopped \
  linuxserver/code-server

或者你可以用 docker-compose,将下面的内容保存为 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=password 
      - PROXY_DOMAIN=vsc.laosu.ml
    volumes:
      - /volume2/docker/code-server/config:/config
    ports:
      - 3444:8443
    restart: unless-stopped

执行下面的命令

# 进入目录
cd /volume2/docker/code-server

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:3444 就能看到主界面

在线代码编辑器code-server

设置中文

方法和 VS Code 桌面客户端中的方法是一样的,选择左侧菜单 Extensions,搜索 chinese,选第一个 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code,点蓝色的 install 按钮

在线代码编辑器code-server

安装完成后右下角会有弹出的提示框

在线代码编辑器code-server

选择 Change Language and Restart 之后,就变成中文了

在线代码编辑器code-server

文件编辑

新建一个文件

在线代码编辑器code-server

保存的文件在 /docker/code-server/config/workspace 目录中

在线代码编辑器code-server

参考文档

coder/code-server: VS Code in the browser
地址:https://github.com/coder/code-server

Coder: Developer workspaces on your infrastructure
地址:https://coder.com/

Need a complete example for how to use the --proxy-domain feature … · Issue #1838 · coder/code-server
地址:https://github.com/coder/code-server/issues/1838文章来源地址https://www.toymoban.com/news/detail-442399.html

到了这里,关于在线代码编辑器code-server的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 记一次OJ在线代码编辑器(代码编译+运行,C、C++、Java)

    如何在SpringBoot+Vue的项目中实现在线代码编译及执行(支持编译运行C、C++、Java),研究了一天,真实能用,下面直接上源码!!! —————————————————————————————————————————— (1)C编译执行方法(直接调用,传入字符串即

    2024年02月02日
    浏览(40)
  • 败给 VS Code,GitHub 被微软收购的第四年,“杀死”了代码编辑器 Atom

    作者 | 彭慧中 责编 | 屠敏 出品 | CSDN(ID:CSDNnews) GitHub 重磅宣布,计划将于 2022 年 12 月 15 日关闭 Atom。Atom 是 GitHub 于 2011 年专门为程序员推出的一个跨平台文本编辑器。GitHub 的初心是为开发者提供一个可深度定制但又易于使用的文本编辑器,以便让更多人使用。这一开源

    2024年02月05日
    浏览(59)
  • 使用code-server为Docker容器搭建在线开发环境

    Code-server是一个基于服务端的开源VSCode。只要服务器端配置好code-server,就可以在任何浏览器上使用VScode访问服务器的代码进行编程。(GitHub地址:https://github.com/cdr/code-server) Docker是一个开源的Linux容器引擎。我们在日常的开发任务中可以利用Docker容器快速地搭建实验环境或

    2023年04月08日
    浏览(44)
  • 【使用vscode在线web搭建开发环境--code-server搭建】

    https://github.com/coder/code-server/releases?q=4.0.0expanded=true 使用大于版本3.8.0,因为旧版本有插件市场不能访问的情况 版本太高需要更新环境依赖 出现报错 修复不能切换环境问题(请在项目中添加) 启动问题 终端执行 效果 地址栏输入:chrome://flags/#unsafely-treat-insecure-origin-as-secure 地

    2024年02月19日
    浏览(46)
  • 【技巧】Latex在线工具:公式编辑器、表格编辑器

    找到什么再补充 目录 表格编辑器 公式编辑器 https://www.tablesgenerator.com/   https://www.latexlive.com/

    2024年02月15日
    浏览(63)
  • GLTF编辑器:在线模型材质编辑工具

      GLTF 编辑器 是一个功能强大、易于使用的在线3D模型编辑和查看工具,它支持多种格式的3D模型导入并将模型导出为GLB格式,除了可以对3D模型进行基本属性的修改之外,还支持对模型原点重置以及模型材质纹理修改。对于3D开发者和设计师来说,GLTF 编辑器 是一个非常有

    2024年02月07日
    浏览(55)
  • python编辑器手机版怎么用,python编辑器手机版在线

    本篇文章给大家谈谈手机软件编辑器中文版python,以及python编辑器手机版下载官方,希望对各位有所帮助,不要忘了收藏本站喔。 文章目录 前言 QPython OH Aid Learning Python入门教程 👉Python学习视频600合集👈 👉实战案例👈 👉100道Python练习题👈 👉面试刷题👈 资料领取 手机

    2024年01月22日
    浏览(50)
  • 基于语雀编辑器的在线文档编辑与查看

    语雀是一个非常优秀的文档和知识库工具,其编辑器更是非常好用,虽无开源版本,但有编译好的可以使用。本文基于语雀编辑器实现在线文档的编辑与文章的预览。 参考语雀编辑器官方文档,其实现需要引入以下文件:

    2024年02月09日
    浏览(44)
  • Visual Studio Code 编辑器实用插件简介

    以下是一些常用的 Visual Studio Code 编辑器插件及其简短描述: 2gua.rainbow-brackets :在括号周围添加彩虹色的边框,以帮助区分不同层次的括号。 adpyke.codesnap :将代码片段转换为漂亮的图片,以便与其他人分享。 ahmadawais.shades-of-purple :一款紫色主题的 Visual Studio Code 编辑器主题

    2024年02月13日
    浏览(46)
  • 整理6个超好用的在线编辑器!

    随着 Web 开发对图像可扩展性、响应性、交互性和可编程性的需求增加,SVG 图形成为最适合 Web 开发的图像格式之一。它因文件小、可压缩性强并且无论如何放大或缩小,图像都不会失真而受到欢迎。然而,为了编辑 SVG 图像,需要使用 SVG 编辑工具 。在本文中,我们搜集并整

    2024年02月06日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包