CodeMix插件：您喜欢的Eclipse IDE中的VS Code智能功能！
发布于：2021-01-07 17:13:16
作为Eclipse开发人员，您是否找到了缺少，过时或仅是普通MIA的最喜欢的框架的支持？您是否羡慕VS Code支持新技术的惊人速度？如果答案是肯定的，那么Eclipse的CodeMix插件正是您所需要的。
该CodeMix插件带来的核心VS代码技术的Eclipse。这使得大部分代码开源软件扩展在Eclipse中工作过，和我们谈论过七一千这里扩展。这些扩展涵盖了开发人员的各种需求，从对您喜欢的Web框架的高级支持到使日常编码高效的便捷工具。
这很棒，因为您可以继续使用Eclipse的强大企业工具集-Java，Spring，Maven等，并可以使用VS Code带来的所有出色技术和功能。
CodeMix功能
借助IntelliSense的强大编辑器
开箱即用，CodeMix的编辑器提供对多种语言的基本支持-从Rust到TypeScript，您将获得语法高亮显示和自动补全功能。如果您需要更强大的支持，则可以安装扩展程序-稍后再介绍。
IntelliSense会在您键入内容时提供内容辅助建议，以及基于代码的项目范围分析的建议。您还将获得可用的文档，以及键入参数时的参数提示。该项目模型还提供了验证，快速修复和重构功能。
如果您想节省输入时间，则几乎每种语言和框架都可以使用参数化的代码段。Emmet对智能缩写扩展的集成支持也非常有用。
带命令的键盘电源
当您全神贯注于代码时，伸手去拿鼠标是不必要的干扰– CodeMix中的命令面板功能强大，您可以使用它在文件之间或文件中跳转，重构代码，启动构建甚至调试会话。安装了CodeMix后，按Ctrl / Cmd + Shift + P调出调色板，然后开始键入内容，自己看看它能做什么。
调试
CodeMix增加了在您已经熟悉的Eclipse调试框架和UI中调试多种语言的功能。
一个示例是对Chrome调试器协议的支持，因此您可以调试在Chrome上运行的Web应用程序-它包括源地图支持，因此即使您的代码是用TypeScript编写的，也可以继续进行。
调试控制台特别有用，您可以在项目运行时使用它检查和修改值。
扩展与共存
如前所述，有数千种扩展可供您选择，其中一些提供对不同语言和技术的支持，而其他一些则提供了方便的工具，例如部署Docker映像或更新所有Node依赖项的能力。为了使您更轻松地开始使用Angular，Vue，React，Python等通用技术，我们创建了一些扩展包，您可以从CodeMix内轻松安装它们。这些软件包将为您安装许多相关的扩展，并且随着新版本的发布它们将自动更新。当然，您不仅限于这些，还可以自由安装所需的任何扩展程序。
大多数扩展甚至可以立即运行，而无需重新加载Eclipse。最多，您会看到提示重新启动CodeMix，仅需几秒钟。
CodeMix与可能提供重叠功能的其他Eclipse插件配合良好。例如，如果您想使用Eclipse的PDT进行PHP开发，而仍然使用CodeMix进行HTML和JavaScript，那不是问题。CodeMix可以智能地检测其他已安装的Eclipse插件，并确保将编辑器和验证器配置为指向您可用的最佳工具。对于PDT，它将不会接管PDT的PHP编辑和验证功能。在某些情况下，CodeMix将要求您选择要激活的编辑器和验证器。
让我们现场直播– Hello World Vue.js应用程序！
注意：在执行这些步骤之前，必须先安装Node，尽管在即将发布的CodeMix 2.0版本中，这不是必需的。
1.安装CodeMix只需打开您的Eclipse实例，然后将“安装”按钮从该Marketplace条目拖放到工作台中即可进行安装。出现提示后，请在安装后重新启动。CodeMix需要Eclipse Neon或更高版本，并且可以与最新的Photon版本配合使用。
2.创建一个Vue项目
转到文件>新建>其他，然后从CodeMix类别中选择Vue项目。
键入合适的项目名称。
确保已选中Install Vue Extension Pack 。
单击完成。
3.确保在继续安装扩展包之前-完成安装后，您可能会提示您重新加载CodeMix-Eclipse将保持打开状态。
4.下载依赖项
按Ctrl / Cmd + Shift + P打开命令面板。
键入npm：安装依赖项以查找并执行此命令，然后选择刚刚创建的项目。
终端视图将打开，执行npm install命令，下载项目的依赖项。在下载这些文件时，您可以转到下一步。
5.可选：编辑src / App.vue
App.vue文件包含HTML，JS和CSS部分–您会获得正确的语法高亮显示，并为每个内容提供内容帮助。
在第27行，您可以将msg更改为message 。回到第4行，删除msg并调用内容帮助以查看建议的新消息变量。
6.部署项目
返回到终端视图，并等待依赖项完成下载（如果尚未完成）。
运行npm run dev服务该项目。注意，您也可以直接从命令面板执行此操作。
在浏览器中导航到http：// localhost：8080 /以查看您的应用程序正在运行！
结论
有关CodeMix如何改变您的Eclipse体验的更多信息，这里有几篇文章介绍Vue，JavaScript和HTML。
CodeMix目前处于技术预览阶段的结尾，即将推出CodeMix 2.0。如果您想了解更多信息，请阅读CodeMix旅程并考虑加入CodeMix Insider计划。
作者介绍
