如何将 Volar 连接到 Monaco Editor？答案

【问题标题】：How to connect Volar to Monaco Editor?如何将 Volar 连接到 Monaco Editor？
【发布时间】：2022-06-20 15:33:40
【问题描述】：

我正在构建一个自定义 IDE（使用 Electron）并尝试将 Volar 集成到 VS Code 的 Monaco Editor 中。

目前我没有 .vue 文件的语法高亮显示：

我的理解是我需要在一个单独的进程中运行一个 LSP 服务器，并使用 web-sockets 以某种方式将它连接到 Monaco？我不会撒谎，我很想弄清楚这一点。而且似乎没有任何在线文档/示例（截至 22 年 2 月 20 日）。到目前为止，我为使其工作所做的每一次尝试都失败了:(

有没有人成功将 Volar 连接到 Monaco 编辑器？

任何帮助将不胜感激，谢谢。

【问题讨论】：

【解决方案1】：

编辑：见https://github.com/Kingwl/monaco-volar

目前还没有对 Volar 的 Monaco 支持。

如果可能的话，您可以使用 Monaco 设置来将 .vue 文件视为 HTML，这样您将获得一些非常基本（无 TypeScript）的语法突出显示 - 毕竟，<template>、<script> 和<style> 是普通的 HTML 标签。

【讨论】：