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
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/