【使用vscode在线web搭建开发环境--code-server搭建】

9 篇文章 0 订阅
3 篇文章 0 订阅

在这里插入图片描述

官方版本下载

  • https://github.com/coder/code-server/releases?q=4.0.0&expanded=true
  • 使用大于版本3.8.0,因为旧版本有插件市场不能访问的情况
  • 版本太高需要更新环境依赖

拉取安装包

[]# wget "https://github.com/coder/code-server/releases/download/v4.0.0/code-server-4.0.0-linux-amd64.tar.gz"
[]# tar -xvzf code-server-4.0.0-linux-amd64.tar.gz 

配置账号密码

export PASSWORD="lijiacai" # 环境变量中设置密码
[]# vim ~/.config/code-server/config.yaml
bind-addr: 127.0.0.1:8081
auth: password
password: 6705e7bca8485030e4633c0b
cert: false # https开关

后台启动运行

./code-server-4.0.0-linux-amd64/bin/code-server --port 8081 --host 0.0.0.0 ./readme/

备注

  • 出现报错
Failed to set 'pythonPath'. Error: Unable to write to Folder Settings because no resource is provided.

修复不能切换环境问题(请在项目中添加)

[]# mkdir .vscode
[]# cat .vscode/settings.json
{
    "python.pythonPath": "/usr/bin/python3.8" 
}
  • 启动问题
Unable to connect to VS Code server: Error in request.
Error: connect ENOENT /run/user/1000/vscode-ipc-5cc265b0-6bec-4e0e-99c7-8fc48bccd7c4.sock
    at PipeConnectWrap.afterConnect [as oncomplete] (node:net:1161:16) {
  errno: -2,
  code: 'ENOENT',
  syscall: 'connect',
  address: '/run/user/1000/vscode-ipc-5cc265b0-6bec-4e0e-99c7-8fc48bccd7c4.sock'
}
  • 终端执行
[]$ VSCODE_IPC_HOOK_CLI=$( lsof | grep $UID/vscode-ipc | awk '{print $(NF-1)}' | head -n 1 )
  • 效果
    在这里插入图片描述

设置浏览器安全问题

谷歌浏览器

地址栏输入:chrome://flags/#unsafely-treat-insecure-origin-as-secure

edge浏览器

地址栏输入:edge://flags/#unsafely-treat-insecure-origin-as-secure

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Mac 系统上搭建 VSCodeWeb 开发环境,可以按照以下步骤进行: 1. 安装 VSCode:前往[VSCode官网](https://code.visualstudio.com/)下载并安装 VSCode。 2. 安装插件:打开 VSCode,点击左侧的扩展(Extensions)图标,在搜索框中输入相应的插件名称,然后点击安装即可。常用的 Web 开发插件包括: - Live Server:提供本地服务器功能,方便进行页面实时预览。 - HTML CSS Support:提供 HTML 和 CSS 的自动补全和语法高亮功能。 - Auto Rename Tag:自动重命名 HTML 标签,避免手动修改标签名称带来的错误。 - Prettier:提供代码格式化功能,让代码更加整洁易读。 - ESLint:提供代码规范检查和自动修复功能,避免写出低质量的代码。 3. 配置 VSCode:在 VSCode 中,可以通过“文件”->“首选项”->“设置”来进行配置。常用的配置包括: - 设置默认编码:在设置中搜索“files.encoding”,将其设置为“utf8”(或其他你喜欢的编码格式)。 - 设置自动保存:在设置中搜索“files.autoSave”,将其设置为“onFocusChange”或“onWindowChange”。 - 设置格式化选项:在设置中搜索“editor.formatOnSave”,将其设置为“true”以在保存时格式化代码。 4. 使用 Live Server:在 VSCode 中,打开 HTML 文件并右键点击,选择“在 Live Server 中打开”即可在本地服务器中预览页面。在 Live Server 中,修改 HTML 和 CSS 文件后,页面会自动刷新,方便实时调试。 通过以上步骤,你可以在 Mac 系统上搭建一个简单的 VSCode Web 开发环境。当然,这只是一个基础的环境,你可以根据需要安装其他插件或调整配置,来满足自己的开发需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值