See CoffeeScript from the perspective of Compiled JavaScript

https://i.sstatic.net/JRNjG.png

I recently started learning Coffeescript and decided to install the 'BetterCoffeeScript' package on Sublime. I am able to see the syntax highlighting, but I'm struggling to view my compiled javascript code. Whenever I try to display the JS using the command pallet by clicking Coffee: Display JS, it just creates a new empty file. Can someone guide me on how to properly view the compiled JS? Also, can someone identify the first key displayed for the keyboard shortcut? I have attached a screenshot for reference.

Answer №1

Answer sourced from this GitHub thread

To find the installation location of coffee in your terminal, execute the command which coffee.

If it returns as /usr/bin/coffee, then everything is in order.

If the output is /usr/local/bin/coffee (or any other path), navigate to

Sublime, Preferences > Package Settings > Better CoffeeScript > Settings - User

Add the line "binDir": "/usr/local/bin" (or whichever directory was indicated by the previous step).

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Using jQuery to specifically target elements of a specific class that are nested within another element

I am currently using a jQuery function that toggles a drop-down navigation menu by changing its class when clicked: $(function () { $('.nav-titles').on('click', function() { $('.nav-dropdown').toggleClass(& ...

Executing a function on Navbar Button click in Phonegap

Currently, I am developing an application for educational purposes. The application consists of a header, content section, and a navigation bar with two buttons. The body="onLoad()" function performs perfectly when the app is launched. However, when I cl ...

Condition has been fulfilled for both ngShow and ngHide

I am attempting to show a loading icon while data is being loaded, and then display the data once it is ready. However, I am encountering a problem where for a brief moment, both the loading icon and the data are visible... https://i.sstatic.net/vDXOG.png ...

What is the best way to transfer a file from Postman to a Node.js server using Multer?

Windows Express version 4.12.4 Multer version 1.0.1 Node version v0.10.22 I'm currently working on sending a file to my node.js server using Postman. I'm following the instructions provided in the readme here This is what I am sending wi ...

When altering a single scope variable in AngularJS, the effect cascades to impact other scope variables as well

After uploading my code on fiddle, I noticed that changes made to the myAppObjects variable also affect another variable. Here is the link to the code: https://jsfiddle.net/owze1rcj/ Here is the HTML part of the code: <div ng-controller="MyCtrl"&g ...

Having trouble transforming an HTTP response into JSON format?

Utilizing my own API, I am fetching data using the following code: fetch('/guidebook/api/peak-data/') .then(response => response.json()) .then(response => JSON.stringify((response))) .then(data => { ...

Creating a real-time text field update feature for a form using Google Script

One of my clients is dealing with a large number of contacts and to streamline the process, I created a form with a scrolling list for contact selection. However, the list has become too long to navigate easily. Is there a solution that would allow the c ...

Ways to change a value in an array within MongoDb

My array value is being overridden by $set, how can I update it properly? var obj = // contains some other data to update as well obj.images=images; // updating obj with images [] Units.update({_id: 'id', {$set: obj}); Ultimately, my MongoDB ...

yii2: Gridview selected rows processing issue - ajax post data missing

Within my yii2 application, I am looking to group machines into specific machine groups. Due to the large number of machines, users must select them via a checkbox column in a kartik-gridview, which offers sorting and filtering capabilities that a standard ...

Uncertain as to the reason behind why the ng-repeat-start and ng-repeat-end are causing an

To begin, let's provide some background on what I aim to accomplish: <tr ng-repeat-start="eachParam in myArray"> <td rowspan=2>On site</td> <td rowspan="2" class = "success">{{eachParam.support}}</td> <td ...

Utilize AngularJS to monitor the amount of time users spend within the web application and automatically activate an event at designated intervals

Is there a way to monitor how long a user is active on the website and trigger an event once they reach 30 seconds of browsing time? ...

Using Python3 and Selenium, I am trying to extract the data from a <td> element that contains both <b> and <script> tags

Looking to extract the value 999.999.999 from within this td tag, but struggling to do so with various attempts: td.text td.value script.value b.value execute_script("return sayMonto") execute_script("return sayMonto;") execute_script("return sayMonto()" ...

User input determines the path of Iron Route in Meteor

A requirement is to execute a function that prompts the user for input and then navigates to that specified value. For instance, if the inserted value is: https://www.youtube.com/watch?v=_ZiN_NqT-Us The intended destination URL should be: download?u ...

What is the process for retrieving paginated data from the store or fetching new data from an API service within an Angular 2 application using ngrx-effects?

After coming across this insightful question and answer about the structure of paginated data in a redux store, I found myself pondering how to implement similar principles using ngrx/store in an angular 2 application. { entities: { users: { 1 ...

What causes delayed state updates in React/NextJS until another state is updated or a fast refresh occurs?

UPDATE: Version 13.3.0 is coming soon! In my code, I have a state variable named localArray that I need to update at a specific index. To achieve this, I decided to create a temporary array to make modifications and then set the state with the updated val ...

Attempting to utilize the LLL algorithm as described on Wikipedia has led to encountering significant challenges

I'm struggling with determining whether my issue stems from programming or understanding the LLL algorithm mentioned on Wikipedia. To gain a better understanding of the LLL algorithm, I attempted to implement it following the instructions outlined on ...

Encountered an issue with converting value to Date using mongoose and nodejs

Feeling a bit crazy here, just can't get it to work... Here is how I defined the Schema: const ChildSchema = new Schema({ birthDate: { type: Date, required: true } }); And here is the parent Schema: const ParentSchema = new Schema( { ...

Responsive div that reacts to scrolling

I am looking for a div that can dynamically change its position as I scroll up or down the page. For example, it could start 30px from the top but then move to 100px as I scroll down further. This div will be located on the right-hand side of my page, clo ...

What is the best way to dynamically create jest.mock(file)?

Attempting to simulate react-router-dom like this: jest.mock('react-router-dom', () => ({ ...jest.requireActual('react-router-dom'), useLocation: () => ({ pathname: '/random/path', }), })) While this ...

What are the steps to showcase the content of a Typescript file on an HTML webpage?

We are looking to create a sample gallery with source code examples. Including typescript, html, and HTML files to showcase similar to the Angular.io component samples pages. Is there a way to extract the source code from a typescript file within our pro ...