Sublime plug-in coffeescript

Source: Internet
Author: User
Tags install node sublime text

As you may see, Xiaosheng is currently working on front-end automation. It is very productive and worth it. Don't forget it. At the same time, it provides a road sign for the future.

Operating System: Win8

Editor: sublime


  1. Install plug-ins

A Ctrl + Shift + P, enter install, press enter,

B input coffeecompile

2. Install Node


3. Install grunt. Command: NPM install-G grunt-cli

Install coffee-script. Command: NPM install-g coffee-script


4. Download jashkenas-coffeescript from https://github.com/jashkenas/coffeescript.

My address: http://pan.baidu.com/s/1hq7nF5U password: ckcu

5. Add coffee. CMD to the node installation directory,


The content of coffee. CMD is as follows:

@ Echo off

Node.exeStep 4. installation directory of jashkenas-coffeescript% *

6. Add the environment variable node_path = c: \ Users \ your USERNAME \ appdata \ roaming \ NPM \ node_modules;

7. Add and compile sublime

In tools> build system>, click New build system,

Appears

Overwrite the following content:

{

"Cmd ":["Path of coffee. cmd"," $ File "],


"File_regex": "^ (...*?) :( [0-9] *):? ([0-9] *) ",


"Selector": "source. Coffee ",

"Encoding": "cp936"

}

8. Add syntax highlighting: Download coffeescript. tmlanguage, address: https://github.com/jashkenas/coffee-script-tmbundle/blob/master/Syntaxes/CoffeeScript.tmLanguage

Overwrite: C: \ Users \User Name\ Appdata \ roaming \ sublime text 2 \ packages \ coffeescript

9. Add <SCRIPT src = "// localhost: 35729/livereload. js"> </SCRIPT>

10. Add package. JSON and gruntfile. js to the project, use the node. js command prompt tool to switch to the specified directory, and press the command grunt.

11. sample demo http://pan.baidu.com/s/1sjnY5FB password: 62vb

12. Learn the syntax and fly! Http://coffeescript.org/


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.