Monaco Editor使用时右键功能菜单汉化
原文中文，约2500字，阅读约需6分钟。
📝
内容提要
本文介绍了在项目中使用Monaco Editor时遇到的问题，即功能菜单是英文状态。作者通过查找官方API文档和第三方插件/库，找到了两种解决方案。方案一是使用monaco-editor-esm-webpack-plugin，方案二是使用monaco-editor/loader。作者提供了具体的配置和代码示例，并展示了效果图。最后总结了monaco-editor/loader的优点，即自动处理配置和加载monaco源码，使用灵活，适用范围广。
❓
Q&A
如何在Monaco Editor中实现右键功能菜单的汉化？
可以通过使用monaco-editor-esm-webpack-plugin或monaco-editor/loader来实现汉化。
使用monaco-editor-esm-webpack-plugin时需要哪些配置？
需要安装相关依赖并在vue.config.js中配置MonacoWebpackPlugin，同时在xx.vue文件中设置汉化语言。
monaco-editor/loader的优点是什么？
monaco-editor/loader可以自动处理配置和加载monaco源码，使用灵活，适用范围广。
如何在项目中使用monaco-editor/loader进行汉化？
需要安装@monaco-editor/loader，并在xx.vue文件中配置availableLanguages为中文，然后初始化编辑器。
在使用Monaco Editor时，为什么功能菜单默认是英文？
因为在配置过程中没有添加本地语言的配置，导致使用的是默认的英文配置。
如何通过npm包方式使用monaco-editor？
需要在loader.config中配置monaco，并确保locales的配置在monaco配置之后，以避免覆盖。
