CodeMix

Get the Eclipse plugin that makes it simple to integrate popular web technologies into your enterprise development.

So Much Tech

JavaScript, TypeScript, Vue, React, Angular & more! CodeMix delivers built-in VS Code IntelliSense with the option for an even richer experience when you add Code OSS extensions!

Made Easy

Don’t let all that tech overwhelm you! It’s easy to learn new skills with interactive eLearning. If you have any questions, a CodeMix developer is just a click away with Live Chat.

45 Day Free Trial

MyEclipse customer? CodeMix is included with your license. FAQ

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

CodeMix 3 Now Available!

You’ll love the significant performance improvements we’ve made—CodeMix is now faster than ever! CodeMix optimizes Eclipse, so you can avoid annoyances like endless validation and “Not Responding” workspaces. And if there is a new technology you’ve been wanting to add to the mix, try our new eLearning courses

Along with the latest improvements, you still get:
  • Exceptional built-in support for core languages like HTML, CSS & JavaScript
  • Support for frameworks like Vue, React & Angular
  • Support for languages like PHP, Python & TypeScript
  • 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 3 is eLearning. Interactive tutorials guide you through a variety of technologies and tips that make you a more efficient coder. Combined with Live Chat, introduced in CodeMix 2, you’ll be able to master new skills with ease! 

Your success is our success! We also offer free support in our forums and an in-depth learning center 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 that bundle the best extensions for the most popular languages and frameworks are included in CodeMix. 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!