This release of CodeMix is all about taking your everyday development experience to the next level. Our completely revamped Live Preview feature makes developing frontends super convenient, while editor capabilities like the new breadcrumb and code folding make navigating a large code base more efficient. Also, support for Angular workspaces and libraries, as well as the latest Angular 8 CLI. There’s so much more that we even considered splitting this blog into two, but we couldn’t wait to tell you about all the goodness right now, so do read on for all of it!
The new Live Preview browser pane will display an immediate preview of the application under development, conveniently placed right next to the code you are editing. When working with simple web projects, or web artifacts often hosted on Java EE servers, CodeMix includes an extra mode for Live Preview that gives as-you-type previewing of changes. This feature is superb when prototyping a new app or working through some tricky CSS changes. As you move around the source, CodeMix can even highlight where a given CSS rule is used on the page.
For more details, please read our Live Preview documentation.
Our Angular support just keeps getting better!
CodeMix now supports the creation of Angular workspaces which can contain Applications and Libraries within. Look for the new options in our Angular project wizard and check out our Angular documentation for more details. We also support the Angular 8 CLI that was recently released.
npm i angular-ide@next
We’ve delivered on a popular request from users, Code Folding support, making it easier to work with more complex pieces of source code. Hover over the (+) icon to see collapsed sections of code. Not only that, indentation guides help you see your indentation levels at a glance.
You can enable or disable code folding at Preferences > CodeMix > Editors > Folding.
The breadcrumb toolbar in DevStyle has always been popular, so we’ve created a new in-editor breadcrumb toolbar that will be displayed in all CodeMix editors. This breadcrumb toolbar goes deeper than the file level, displaying structural elements of your source too.
You can configure the settings for the breadcrumb, indent, etc. at Preferences > CodeMix > Editors > Layout.
If you have multiple formatters configured for a given file type, you can easily choose the formatter or change the default using commands.
The Live Preview feature mentioned earlier will show you a preview of your Markdown file too. Another nice change is that the Markdown editor now has word-wrap enabled by default, something you will no doubt find convenient when editing markdown files.
When we first released CodeMix, we delivered a debugger that could debug just about anything, though a few debug capabilities were not completely integrated. As we’ve seen interest in the debugger grow, we’ve taken another pass at it, to make it more capable, and easier to use.
We’ve made changes to the preference and property tree structures, so that the preferences you are interested in are much easier to find. Keyword based filtering of pages now works better too.
A special note that indentation preferences (tabs vs spaces, tab size) will now be loaded from preferences that are shared with Eclipse, on the General > Editors > Text Editors preference page. The same goes for the auto-save enablement and delay settings, which are now loaded from Preferences > General > Editors > Autosave.
We found that there were too many issues that resulted from requiring these preferences to be separately set for CodeMix editors.
In addition to Angular applications, the servers view will now detect most applications with an NPM “serve” configuration, and display them under a Web Application node. You can now start and stop multiple apps from here easily.
Note: Angular applications will display here too, there is no longer an Angular CLI node.
You can now set environment variables for your terminal sessions globally and/or on a per-project basis, as well as commands that will be executed at the start of a Terminal+ session.
Want to try this yourself? Try adding the following to your Initial commands list, and observe the output when you next start a Terminal+ session:echo Q29kZU1peCBpcyBBV0VTT01FIQo= | base64 --decode
There were several rendering bugs that afflicted the Terminal+, like issues with resizing, lines of text being cropped, or the console blanking out entirely – we’re happy to say these have all been addressed. If you’ve been using Ctrl/Shift+Insert to copy and paste text in the terminal, these keybindings have now been restored.
We have now added the advanced Angular tooling that was part of our Angular IDE packages to CodeMix Essentials. So if you’ve installed CodeMix from the marketplace or the CodeMix Essentials group from our update site, you will now have access to additional Angular tooling, like advanced project and element wizards, as well as CodeLive support to help you navigate through components in a running Angular application. For more details on our Angular specific features, please check our learning center.
CodeMix has now been updated to version 1.33.1 of the Code OSS engine, which brings with it more features, fixes, and the ability to install more recent versions of Code extensions. We’ve made fixes to the stability of the engine install and update process, so updating to newer CodeMix versions or simply laying down new installations is now a far more robust experience. This engine also adds support for TypeScript 3.4.
We’ve made fixes to CodeMix to ensure it works just fine with the upcoming Eclipse 2019-06 release, so you can update without worrying about compatibility issues.
If you’ve had a hard time installing CodeMix into MyEclipse, this release has dependency issues sorted, so there are no conflicts when installing into recent versions of MyEclipse. If you want to uninstall it, use Help > CodeMix > Uninstall CodeMix – this restores the MyEclipse versions of the tooling that CodeMix replaces, like the Angular, JavaScript, etc.
We hope you enjoyed this beefy update to your favourite IDE! If you have a few minutes, check out our new Welcome video. It highlights the most popular CodeMix features, and you’ll get to see some of the recent updates in action. Please let us know what you think via Twitter or through the CodeMix forums.