mkloubert/vscode-easy-coffeescript

Visual Studio Code extension which compiles CoffeeScript files on save.

vscode-easy-coffeescript

Visual Studio Code extension, which compiles CoffeeScript files on save.

Table of contents

1. Install
2. How to use
   • Settings
3. Support and contribute
4. Related projects
   • vscode-helpers

Install [↑]

Launch VS Code Quick Open (Ctrl + P), paste the following command, and press enter:

ext install vscode-easy-coffeescript

Or search for things like vscode-easy-coffeescript in your editor.

How to use [↑]

Settings [↑]

Open (or create) your settings.json in your .vscode subfolder of your workspace.

Add a coffeescript.compile section and one or more "watchers":

{
    "coffeescript.compile": {
    }
}

Name	Description
bare	(true) if output without the top-level function safety wrapper. Default: (false)
exclude	One or more glob patterns of files to exclude.
files	One or more glob patterns of files to include. Default: **/*.coffee
header	(true) if output the Generated by CoffeeScript header. Default: (false)
inlineMap	(true) if output the source map as a base64-encoded string in a comment at the bottom. Default: (false)
isActive	(true) if extension is active. Default: (true)
options	Additional options for the compiler.
sourceMap	(true) to generate a source map. Default: (true)

Support and contribute [↑]

If you like the extension, you can support the project by sending a donation via PayPal to me.

To contribute, you can open an issue and/or fork this repository.

To work with the code:

• clone this repository
• create and change to a new branch, like git checkout -b my_new_feature
• run npm install from your project folder
• open that project folder in Visual Studio Code
• now you can edit and debug there
• commit your changes to your new branch and sync it with your forked GitHub repo
• make a pull request

Related projects [↑]

vscode-helpers [↑]

vscode-helpers is a NPM module, which you can use in your own VSCode extension and contains a lot of helpful classes and functions.

vscode-easy-coffeescript's Issues

Is there a way to specify the destination directory

Is there a way to specify the destination directory with this plugin?

Source maps for multiple files not working

vscode-easy-coffeescript/src/extension.ts

Line 222 in 29600fe

//# sourceURL=coffeescript`;

This line makes the sourceURL always be coffeescript which... doesn't really make sense in my eyes, as the sourceURL should be the coffeescript source file, right?

This causes my browser (Google Chrome) to think all my different coffeescript files compiled with your (by the way otherwise awesome) extension come from the same file. Because of this, I can't debug multiple coffeescript files at the same time. 😞

Function as Variable Init But no Def

Description

If I use a function, when it compiles to js, it init[s] the function name as a variable but never gives a value. So, when the script is run, you get an error because the variable (with the name of the function) was initialized and left at that. I assume it automatically creates a new variable when ever there is a "name = " and so it sees the "name = " in "name = ()" and just doesn't check if there are "()" after the " = ".

Code

var example;
example = function() {
//
//FUNCTION CODE
//
};

Error

ReferenceError: Can't find variable: example

How to use compiler options

    "coffeescript.compile": {
        "sourceMap": false,
        "options": { "?": "?" }
    }

Plan for CoffeScript 1.x?