使用单个命令在浏览器中运行 vscode

使用单个命令在浏览器中运行 vscode

使用单个命令在浏览器中运行 vscode

基于浏览器和云的 IDE 真的很棒，它们让你可以在家里、在互联网上工作。然而，我希望有一个可以通过 npm 安装并打开浏览器的 IDE。有一些项目，但它们要么过时了，要么使用 Java 或 PHP 后端。我们都知道，VSCode 是用 HTML、CSS 和 JS 构建的。或者运行在某些云提供商的服务器上。还有 theia ，但它的依赖关系太多，所以他们建议用 docker 运行它。但是，这些解决方案在树莓派或小型服务器虚拟机上安装时会过于繁重。

最近发现可以通过克隆原始存储库并运行几个命令在浏览器中运行 vscode：

git clone https://github.com/microsoft/vscode
cd vscode
yarn install
yarn run compile
yarn run web

通过一些实验和探索代码库，可以让 Web 应用程序不仅可以访问内存文件系统，还可以访问 http 文件系统，这是我使用 express.js 实现的。

经过进一步的工作，我已将网站所需的所有静态文件放入静态目录中，无需任何额外的编译步骤即可提供服务。

现在我已经能够运行一个简单的 express 应用程序，它为 vscode 提供服务，并允许在线创建、编辑、移动和重命名文件。

此工具现已公开供您使用。您可以运行：

   npm install -g teditor && teditor

然后在浏览器中打开 vscode。由于加载大约 1400 个文件，可能需要一些时间。之后您应该会看到 vscode 已经打开了当前目录。此应用目前不支持 vscode 的全部功能，但编辑文件已经非常方便。当在后台运行一些 nodemon 或 webpack 来监控文件时，开发体验会更加流畅。

但是 vscode 的许多功能仍然可以得到支持：

• 使用终端，我们可以提供一个 Web 套接字 APi。通过它，用户可以使用 vscode 作为完整的 IDE。
• 在 vscode 中搜索。vscode 拥有出色的跨文件查找和替换 UI。（在单个文件中查找和替换已经很好用了）
• 支持 vscode tasks.json，用户只需单击几下即可在服务器上执行一些命令。
• 支持安装插件，用于片段。
• 添加对 TypeScript 的支持

编辑器整体上还有待改进。

• 目前公共目录提供 1400 个文件来运行 vscode。这些文件可以合并。
• 现在，更新 vscode 本身的手动过程是一个手动过程，随着 vscode 的不断改进，我们可以找到一种方法将 vscode 的更新合并到这个项目中。

你觉得这个想法怎么样？这个周末的项目值得延续吗？如果只是作为一个副业，我可能无法独自完成。

请发表评论或在github上提出问题