vscode vue代码高亮插件,

　　本文主要介绍vue代码高亮插件综合对比评测的相关资料，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解一下。

全面对比

从活跃方面来看

从功能方面来看

　　代码高亮是必须的，社区必须活跃。否则在没有任何参考的情况下修复bug会花费太多时间。自动缩进、快捷键操作、搜索和替换功能都不是必须的。如果有，当然最好用它们来强制，不能也不会影响使用。

　　所以我挑了以下几个，然后详细分析，逐一调查，看坑，为后续开发部署。我选择了不太方便的坑。

深入对比

1，ace

　　Ace是用JavaScript编写的嵌入式代码编辑器。匹配Sublime、Vim、TextMate等原生编辑器的功能和性能。它可以轻松嵌入到任何网页和JavaScript应用程序中。

　　点击查看官网。

2，codemirror

　　CodeMirror是一个javascript插件，用于在编辑器文本框的文本区高亮显示代码。它可以突出显示各种编程语言的关键字、函数、变量和其他代码。它具有丰富的api和可扩展功能以及多种主题风格，可以满足您的各种项目需求。

　　CodeMirror支持大量语言的语法高亮显示，包括C，C，C#，Java，Perl，PHP，JavaScript，Python，Lua，Go，Groovy，Ruby等。以及diff、LaTeX、SQL、wiki、Markdown等文件格式。此外，CodeMirror还支持代码自动补全、搜索/替换、HTML预览、行号、选择/搜索结果高亮、可视化标签、Emacs/VIM键绑定、代码自动格式化等。

　　CodeMirror采用MIT开源许可协议，已经集成到各种应用中，如Adobe括号、CoDev、Light Table等开发环境。它还被用作SQL、Haxe和JavaScript的各种在线编辑器的基础库。

　　点击查看官网。

3，monaco

　　Monaco Editor是一个代码编辑器，支持VS代码，在浏览器环境下运行。编辑器提供代码提示、智能建议等功能。开发者远程写代码更方便。移动浏览器或移动Web框架不支持Monaco编辑器。简单的理解就是VSCode和Monaco Editor中的代码编辑器使用了很多相同的核心模块。

4，结论

　　总的来说这三个功能都挺强的，根据它的缺点选一个用吧。

　　Ace，没有代码对比的功能，所以不行。有必要比较不同版本代码的差异。出去。(我看了一下，发现有插件ace-diff，可以实现代码差异比较。我出局主要是因为我看到了包装上的一个洞。ace部署失败的主要原因是不支持webpack打包。ace在本地构建后，一个小工人会帮助我们渲染内容。webpack打包后，它将成为一个完全静态的资源，动态渲染的效果将不复存在。虽然找官网可以支持，但是一个博主练了很多方法，都以失败告终。)

　　Codemirror，它的用户交互效果差，很多东西需要自己扩展才能达到效果。学习这些拓展肯定是要花时间去犯错误的。多个文件的引入给管理带来一些不便，影响浏览器的网络性能。

　　摩纳哥，微软的VSCode使用了很多和它相同的核心模块。有了成熟可靠的产品，用户交互逻辑是最好的，原生Visual Studio主题，代码差异的对比效果也是最好的。有巨量的导入文件，一目了然70 m左右。导入方式不太兼容，打包容易出问题(大部分问题可以通过打包monaco-editor-webpack-plugin插件解决)。移动浏览器或移动Web框架不支持Monaco编辑器。演示真的很少，官网一个都没有。官网做了一个很漂亮的英语参考书，感觉像英语词典。它列出了一堆属性，但是我不知道从哪里开始，以及如何将它们拼接到演示中。

　　以上是vue代码高亮插件综合对比评测的详细内容。更多关于vue代码高亮插件的信息，请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。