分享好友 最新动态首页 最新动态分类 切换频道
Linux服务器部署Web版VSCode,在window下使用浏览器在linux环境下编写代码
2024-12-26 20:08

最近尝试了一下在Linux服务器上部署VSCode,也就是code-server,然后在windows电脑上通过浏览器访问打开在线编辑器编写代码,以下记录一下部署过程。

a、进入到home目录下

b、创建vscode目录

c、进入vscode目录

d、使用wget命令下载code-server压缩包,我这里安装的是4.9.1版本

e、使用tar命令解压压缩包

a、进入code-server-4.9.1-linux-amd64/bin目录

b、执行 https://www.cnblogs.com/libo0125ok/p/code-server 命令

c、第一次执行完 https://www.cnblogs.com/libo0125ok/p/code-server 命令后,会在用户目录/.config/code-server下生成一个 config.yaml的配置文件,如图:

d、先使用Ctrl+C组合键退出code-server服务,使用 vi /root/.config/code-server/config.yaml 命令打开配置config.yaml文件,根据需要修改ip、端口和登录密码:

e、由于我这里是配置的8081端口,所以需要服务器放开8081端口,可以在自己的阿里云或者腾旭云服务控制后台的安全组添加8081端口,并设置策略为允许,如下图:

f、进入/home/vscode/code-server-4.9.1-linux-amd64/bin 目录下,执行 https://www.cnblogs.com/libo0125ok/p/code-server 命令,启动code-server服务

 g、此时在自己的window电脑上就可以通过:服务器ip:8081 来访问web版的vscode了,效果如下图:

 第一次访问需要输入之前在config.yaml配置文件里设置的登录密码(123456),就可以愉快的在浏览器下写代码了

但是到这里还有一个问题,当前这种运行是在前台运行的,不是在后台运行的,如果运行这个code-server的话,就需要保持code-server一直在前台运行,我们的服务器就不能做其他操作了,这时我们需要使用systemctl管理来运行code-server,把code-server变成一个系统服务,可以在后台运行。操作如下:

a、使用cd命令进入 /etc/systemd/system/ 目录下

b、使用touch命令新建一个code-server.service文件

c、使用vim编辑code-server.service为如下内容

ExecStart是code-server指令所在的地址,咱们的刚刚运行code-server的时输入的linux指令后所执行的就是/home/vscode/code-server-4.9.1-linux-amd64/bin/code-server这个可执行文件

 

以后就可以以下命令启动、重启、停止或卸载code-server服务了:

启动code-server:

重启code-server:

停止code-server:

最新文章
谷歌chrome浏览器2023安卓最新
谷歌chrome浏览器是一款快速、安全且功能丰富的网络浏览器,干净整洁的界面以及快速地浏览速度带给用户舒适的使用体验,多功能的特点使用户可以畅快的浏览互联网、享受便捷的上网体验。网页翻译 - 您可以轻松浏览任何语言的网页节省数据流
这些A股光存储概念股名单,你需要知道!(12月12日)
  据南方财富网概念查询工具数据显示,相关光存储概念股:  1、中电兴发002298:12月12日消息,中电兴发5日内股价上涨13.23%,该股最新报6.880元涨3.28%,成交7.58亿元,换手率16.78%。  公司于2020年2月19日晚间披露2019年度非公开
都江堰seo优化价格【百度都江堰】
文章都江堰seo优化价格【百度都江堰】由网友旧时月色投稿,希望给你工作学习带来帮助。在当今数字化时代,搜索引擎优化(SEO)对于企业和个人的在线存在至关重要,都江堰作为一个充满活力和发展潜力的城市,也有许多企业和个人希望通过 SEO
构建个人投资组合网站:从基础到进阶
在数字时代,个人投资组合网站成为展示工作成果、技能和专业身份的不可或缺的平台。构建这样的网站不仅可以增强职业形象,还能在求职和客户互动中发挥关键作用。本章将引导你从零开始,详细探讨构建个人投资组合网站的整
谷歌浏览器ipad版
谷歌浏览器ipad版是专门针对苹果ipad设备而开发的一款平板电脑浏览器,全新的外观融入了Material Design设计元素,图形更醒目、操作更流畅、触感更灵敏,能够带给用户流畅的上网体验。另外本款google chrome浏览器ipad版同时还具备网页翻译
连城网站排名优化费用是如何计算的?
连城目前的关键词排名方式有哪些?连城目前关键词排名主要分为竞价排名和自然排名。1、连城关键词自然排名,指的是通过各种搜索引擎优化(seo)方式,使您网站的关键词在搜索引擎自然排名中靠前。2、连城关键词竞价排名,通过对搜索引擎充
请问小红书如何设定推广目标以实现精准引流与品牌爆发?
小红书作为一个集社交、内容分享与电商于一体的平台,为品牌提供了广阔的营销空间。要实现精准引流与品牌爆发,设定明确的推广目标并制定相应的营销策略至关重要。以下是一份详细的小红书营销攻略:一、设定推广目标提升品牌知 名度:通过
百度推出惊雷算法:严厉打击快速排名,对SEO有什么影响?
百度资源搜索平台于11月20日零点发布惊雷算法通知,为什么选择这个时间节点,可能希望有一个全新的起点吧,另外一个原因站长们都是夜猫子,这个时间点,可能大家访问频率比较高。  还是言归正传,百度惊雷算法都说了什么?  百度搜索将于
颜姓股民向ST亚联发起索赔 章祥兵律师接受咨询
  12月16日消息,新浪股民维权平台今日收到颜姓股民针对(维权)的维权申请,目前该维权咨询已被章祥兵律师接受。新浪股民维权平台将关注该股民的索赔进程,相关维权持续征集中。  新浪股民维权平台目前有14名专业律师可代理该公司维权
超逼真美女写真生成:最强AI工具评测与实用攻略
5. DeepArt DeepArt是另一个输出高质量逼真图像的强大工具。它利用深度学习算法,将图片转化为艺术画作,风格多样,结果令人惊艳。尽管种类选择丰富,但其绘制时间相对较长,用户需要耐心等待。总的来说,各个工具各有优劣,用户可以根据个
相关文章
推荐文章
发表评论
0评