网页版 vscode - 套娃王的一生

先上效果图

本着买了群晖不捣鼓到死机的原则，把偶然间发现的网页版vscode搭建提上了日程，虽然目前只能实现简单的项目运行 但是也是记录一下 linux、docker苦手的搭建之路。

以下为借鉴的帖子 感谢前辈们栽的树

以下实现条件都是基于已有公网ip的前提下

• 1.搭建docker版code-server

搭建

服务器大佬、运维大佬可忽略 其中重要的一点，如果只是本地跑跑代码到此步就可以结束 如果想要公网访问，要配置一下群晖反代，群晖的反代配置非常简单 网上教程一大堆这里不多赘述

注意配置反代那里一定要把websocket通道配置一下，就是这里卡了我两天很蠢的问题= =

• 2.code-server 项目配置环境

安装node.js

node环境

我遇到的问题 node 安装成功 但npm无法运行 解决方法:1.重装node 2.删除npm 单独重装npm

• 3.安装vscode 插件 Browser Preview

  搜索Browser Preview 可以在vscode中打开chrome

• 4.根据docker os版本安装对应的chrome

code-server的docker中保持系统运行的最基础程序 很多命令都没有安装

chrome安装1

chrome安装2

安装成功后刷新code-server页面 Browser Preview 会自动查找chrome地址 顺利的话此时就可以运行项目了

写在最后

这个方法只能应付一下手边没有趁手的电脑，本地调试就别想了不在同一个局域网别想着调后端接口了，不过可以让后端同事把代码放到服务器上，用服务器测试环境去调试，只不过要把vue代理全部重新设置成线上测试地址.不过感觉还是能应付一下的，本人前端菜鸡，如有不对的地方欢迎指正！