CodeMix

VS Code Smarts in the Eclipse IDE You Love!

Get the Eclipse plugin that unlocks a wide array of technologies from VS Code and add-on extensions built for Code OSS.

Live Chat—New in CodeMix 2!

Connect with a CodeMix developer directly from your IDE! Get help, make suggestions, share your story…we’re here for you!

Get the Most from CodeMix

So much tech—JavaScript, Vue, React, Angular & more! From our forums to our learning center, we help you flourish!

45 Day Free Trial

CodeMix quickly rose to make the list of Top 10 Eclipse Marketplace Installs. Download CodeMix now and see for yourself why!

CodeMix 2 Now Available!

  • Improved built-in support for core languages like HTML, CSS & JavaScript
  • Support for languages like PHP, Python & TypeScript
  • Support for frameworks like Vue, React & Angular
  • Build pipelines for seamless building & validation with external tools
  • Favorite features from Webclipse 1.x—including Terminal+ & CodeLive with Live Preview
  • Also included in our popular standalone Angular IDE!

CodeMix brings it all to the party!  

As an Eclipse developer, you no longer have to feel like you’ve been excluded from all the fun your friends are having with Visual Studio Code. CodeMix is an Eclipse plugin that gives you access to a wide array of technologies from VS Code itself and add-on extensions built for Code OSS, directly from Eclipse. You’ll enjoy all the enterprise tooling you depend on, like Java and Spring, plus access to all those cool web languages and exciting new technologies you’ve been wanting to try.

It’s the best of both worlds! Coding without limits. Keep coding those awesome enterprise apps, and throw in impressive new stuff—with amazing extensions for languages like Python, PHP, and TypeScript, as well as frameworks like Vue, React and Angular. Or, why not dockerize your app? 

CodeMix is compatible with Eclipse-based IDEs and tools—like MyEclipse, Spring Tools Suite, and JBoss Tools—so you can continue working in the environment you are accustomed to.

Eclipse Oxygen + CodeMix + DevStyle Darkest Dark theme

Intelligent Code Completion and More

IntelliSense is built in for a number of languages such as PHP, TypeScript, and JavaScript; as well as markup like HTML and CSS. Content Assist suggestions are displayed as you type, based on language semantics and an analysis of your code. In addition, IntelliSense displays the method signature, parameter info, and documentation when available. Experience this same first-class level of IntelliSense for a variety of other languages—like Python, Go, or even Rust—by installing the corresponding language extension.

And there’s more! Code Mining provides valuable context information by displaying the number of references and implementations inline with your code. This works hand in hand with Find References, which lets you quickly view and navigate to references in your code. Add code snippets and Emmet to the mix and you’re coding is practically done for you!

 

Keyboard Power with Commands

Use the command palette to do just about everything, from opening files to running builds.

Commands are great for navigation between files, when you’re opening a new file by name or locating a class in your workspace. You can also use them to jump to different sections of code within the file you’re editing. They also make performing advanced edits on your current code easier, whether you’re removing unused imports or refactoring code. Finally, use commands to run scripts, builds, or even initiate debugging sessions.

Not having to reach for your mouse as often will give you a huge productivity boost. After using commands, you’ll wonder how you ever worked without them!

Eclipse Oxygen + CodeMix + Python extension
Eclipse Photon + CodeMix

Helpful Resources

We understand the challenges that come with implementing new technologies and introducing new software to the mix. Our CodeMix development team is committed to partnering with you to make sure you get the most from CodeMix. 

New to CodeMix 2 is Live Chat. With the click of a mouse, you can be chatting with one of our CodeMix developers. Whether you need help using CodeMix or just want to give us feedback on how we can make CodeMix even better, we are excited to hear from you! Live Chat is included with your license.

Your success is our success! In addition to Live Chat, we also offer free support in our forums, an in-depth learning center, and step-by-step tutorials to help you get the most out of CodeMix.

Existing Genuitec Customers

Visit the FAQ page to get answers to questions you might have.

CodeMix Improves Your Eclipse Coding—It’s that Simple!

Check out these detailed comparisons: HTML | CSS | JavaScript

HTML5 without CodeMix

HTML5 with CodeMix

Eclipse Oxygen + CodeMix + Debugger for Chrome extension

Powerful Debugging

As an Eclipse user, you’ve come to expect a powerful debugger. With CodeMix, you get the same robust debugging experience for a plethora of languages and frameworks, many of which Eclipse does not support.

Simply install the corresponding debugging extension and you’re ready to add breakpoints and locate errors in your code.

Extensions

Extensions add a whole range of functionality—support for new languages and frameworks, productivity enhancements when coding, advanced validation, quick fixes, and even the ability to debug all sorts of applications. This is just a small subset of what extensions can do. Extension packs are included that bundle the best extensions for the most popular languages and frameworks. You can further customize your experience by adding additional extensions, there are thousands to choose from on GitHub.

Extensions can be activated without restarting your IDE—giving you immediate access to new capabilities, without breaking you out of your coding flow.

Learn more…

 

Eclipse Oxygen + CodeMix
CodeMix Validation and Build preferences

Build Pipelines

CodeMix utilizes build pipelines, defined via CodeMix augmented tasks, to produce a single authoritative build of your project. With build pipelines, you can utilize external tools for building and validation, and see the results directly in your editor. By using the same tools you would normally use to build your application for deployment, you are guaranteed to have a consistent development experience in the IDE.

CodeMix simplifies build pipelines by automatically creating a template tasks.json file for Angular and TypeScript projects. For other types of projects you can manually modify the tasks.json file to include build pipeline support.

Navigation

Code navigation capabilities help you get around your code and workspace efficiently.

Commands will help you jump to other classes, or to symbols within the same file. Press Ctrl/Cmd when hovering over symbols to see their declarations inline—you can then click to quickly jump to that location.

Eclipse Oxygen + CodeMix + Vetur & Python extensions

Webclipse and, more recently CodeMix, has been invaluable for me. It allows me to concentrate on the task without the impedance of changing development tools just to support different technologies. From excellent Angular support to HTML live previews, it’s a one-stop-shop solution for every web development need at every layer of the stack.

Renato Perini

Software Developer, Objectway Financial Software SpA

Get CodeMix

Start your 45 day trial today!

Become an Insider now to receive updates and provide feedback!