We're pretty pleased with the latest addition to the Codio IDE. This time, we've added support for the following compiled language types (or whatever the correct collective description is)
- CoffeeScript
- Sass
- SCSS
- Less
- Markdown
We're also ready to add more file types, so tweet @codioHQ if you think we should add something.
Take a look
What you see below is a real IDE, so play with it to see how we support compiled file types.
- Press the Preview menu option to run it and see how things are compiled on the fly
- Open up the example files (Less and CoffeeScript represented here)
- If you want it full size, click here to see it in its own browser tab.
How it works
Its jolly simple! No build tasks, no separate processes to think about. Just code and run.
- You write your code in CoffeeScript, Less or whatever
- You reference anything that results in javascript by appending
.jslike this<script src="example.coffee.js"></script> - You reference anything that results in CSS by appending
.csslike this<link rel="stylesheet" href="style.less.css">
Codio then compiles the files automatically on demand.
It really is jolly simple. Take a quick look at User Guide, too.
What about production deployment?
Currently, all this only works in development mode. However, in a few weeks we'll have baked Grunt into Codio, so you will be able to configure build tasks really easily.
Seeing compiled output
Its also really easy to see compiled JS or CSS output for one of your files. The User Guide is the best place to get an explanation.
