服务器配coder-server实现浏览器使用vscode写代码

本文详细记录了在云服务器上搭建code-server的过程,包括开启防火墙端口、使用screen命令保持服务常驻、解决SSH连接断开问题。此外,还探讨了在Windows环境下本地开发的便利性,以及遇到的浏览器配置问题。最终,决定在本地Windows系统下利用VSCode进行稳定开发环境的构建。

(19条消息) 服务器搭建code-server_Xiudadasnb的博客-优快云博客_code-server配置

①把命令跑起来

 ②把云服务器防火墙端口打开

 再次运行命令会发现已经运行过了

③用nohup命令出错,改用screen命令

参考:https://blog.youkuaiyun.com/qq_36487585/article/details/95031164参考:(19条消息) 如何让自己在云服务器上部署的项目一直运行_字节跳动首席执行官的博客-优快云博客_怎么让服务器一直运行

 ④解决ssh一直断的问题

 参考:​​​​​​(19条消息) 云服务器SSH连接经常断开_运维giao的博客-优快云博客

⑤vscode网页一直显示重连重载,vscode没有运行,怀疑是ssh一直断开的原因

参考:连接远程ssh老是掉线解决办法_Java-优快云博客

问题:安装open in brower或者view in brower等插件后,发现前者提示找不到浏览器后者没反应,在设置中写入chrome路径或选择chrome后,仍然不行

原因:忘记使用的是服务器,应将chrome下载到服务器上,再设置chrome路径,才能打开

但是chrome在centos7下载的不太顺利,且考虑到以后不只是仅仅使用vscode还需要安装vue等框架,且是在windows下较常用(各种视频等),考虑到用户需求也是常用win,所以还是在本地windows下的vscode开发,构建一个稳定环境。

浏览器中运行与本地安装的 VSCode 类似的功能,尤其是支持 VSCode 插件的方式,可以通过 `code-server` 实现。`code-server` 是一个开源项目,它允许用户在服务器上运行 VSCode,并通过浏览器访问完整的开发环境,包括插件支持[^3]。 ### 安装与置 `code-server` 1. **下载与安装** 根据操作系统和架构下载对应的 `code-server` 版本。例如,在 Linux 系统上,可以通过以下命令下载并解压: ```bash wget https://github.com/coder/code-server/releases/download/v4.1.0/code-server-4.1.0-linux-amd64.tar.gz tar -xvf code-server-4.1.0-linux-amd64.tar.gz ``` 将解压后的文件夹移动到系统路径中: ```bash sudo mv code-server /usr/local/bin/ ``` 确保 `code-server` 可以通过命令行访问: ```bash code-server --version ``` 2. **启动 `code-server`** 在终端中运行以下命令启动 `code-server`: ```bash code-server ``` 默认情况下,`code-server` 会在 `http://localhost:8080` 上运行。如果需要从外部访问,可以使用 `-H` 参数绑定到所有网络接口: ```bash code-server -H ``` 3. **访问 `code-server`** 打开浏览器并访问 `http://<服务器IP>:8080`,输入密码后即可进入基于浏览器VSCode 界面。 4. **安装插件** 在 `code-server` 的界面中,可以通过左侧活动栏的“扩展”图标安装插件。例如,安装 `Live Sass` 插件以支持 SCSS 文件的自动编译: - 点击左侧活动栏的“扩展”图标。 - 在搜索栏中输入 `Live Sass`。 - 找到插件后点击“安装”按钮。 - 安装完成后,右键点击 `.scss` 文件,选择 `Watch Sass`,即可自动将 SCSS 文件编译为 CSS 文件[^2]。 ### 自定义设置 在 `code-server` 中,可以通过修改 `settings.json` 文件进行自定义置。例如,设置默认的编辑器主题、字体大小等: ```json { "workbench.colorTheme": "Default Dark+", "editor.fontSize": 14, "files.autoSave": "onFocusChange" } ``` ### 右键菜单支持浏览器运行 HTML 文件 如果需要在 `code-server` 中实现右键菜单通过浏览器运行 HTML 文件的功能,可以通过安装 `LiveServer` 或 `Open in Browser` 扩展实现- 安装 `LiveServer` 扩展后,右键点击 HTML 文件并选择 `Open with LiveServer`,文件将在默认浏览器中打开,并且在保存文件时自动刷新页面[^4]。 ###
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值