Develop Reference

How to fix Sublime text highlighting for react-tutorial?

I recently started the official reactjs tutorial and noticed that the sublime text highlighting is completely screwed.
How can i fix this?

Install babel with the package control package, if you don't have it, get it here.
Open the package control, select install package, type babel, select it and press enter.
Setting as the default syntax
To set it as the default syntax for a particular extension:
Open a file with that extension, Select View from the menu, Then
Syntax -> Open all with current extension as... -> Babel ->
JavaScript (Babel). Repeat this for each extension (e.g.: .js and
.jsx).
Setting a Color Scheme
Babel comes bundled with Next and Monokai from Benvie/JavaScriptNext.tmLanguage. Select one from Preferences -> Color Scheme -> Babel

Follow this link to install the package manager for sublime text
Now to open the command palette, press ctrl+shift+p (Win, Linux) or cmd+shift+p (OS X). From the search results select Package Control: Install Package. Now find and select packages Babel and Babel Snippets.
Now to enable proper syntax highlighting for your JSX code, open your .js/.jsx file, select View -> Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel).

Installing the following sublime package should fix those problems:
https://github.com/babel/babel-sublime

Install babel via the package control. It'll fix the syntax highlighting and adds few more features.
check https://packagecontrol.io/packages/Babel

Coffeescript text highliting with Eclipse

I have a Coffeescript project that I'd like to edit using Eclipse.
Many people suggested that I should install the Nodeclipse Coffeescript Viewer module in order to have colors and highlights.
I did install the module but I'm still getting a plain black and white file.
What should I do?
Thanks!
PS : I have Eclipse Luna under Win7.

Seems like you have not installed well, reinstall
http://marketplace.eclipse.org/content/nodeclipse-coffeescript-viewer-editor-eclipse-431
You would get editor for .coffee files by default.
Also Nodeclipse EditBox helps a lot to see indentation

If this is not a new file, right-click on it and look in the "Open With..." menu. Eclipse will reopen the same editor you used the last time for a given file.

Eclipse does not support web projects or web file types after installing WTP. Am I installing it incorrectly?

I currently have the latest version of Eclipse (Juno) and I have installed ADT with no problem. I have moved on to a web based project and I require support for JavaScript and HTML etc. I installed WTP through the update manager and you can see that all of the required packages appear to be installed:
However, within Eclipse there is very little evidence that anything has been installed. I have read in this jsdt tutorial that I should be able to create web projects such as "Static Web Project" and have text editting support for HTML and JavaScript. However, I see no web project options, HTML or JavaScript file options, no perspective options for HTML or JavaScript, and no support for editing html/javascript files.
Here you can see an html file I attempted to create. Notice the lack of syntax colouring:
Here you can also see all the project creation options that are available to me:
So how should I have installed WTP? Should I not have installed it thought Eclipse's software manager? I would like to do this without having to re-install Eclipse if possible.

This problem seems to exclusively occur in Windows 7. I managed to successfully install the desired software by right clicking on the Eclipse icon, selecting "Run As Administrator" and then re-installing all packages. I did not have to do this in Windows Vista.
If you are experiencing this problem and you are using Windows then follow these steps.
Right click on the Eclipse icon and select Run As Administrator.
Once you have opened your Workspace go to Help -> Install New Software.
Any installed packages that you installed when you did not Run As Administrator should now not appear to be installed. So install them again.
Restart eclipse (normally if you wish) and your desired packages should be installed correctly.

Aptana 3 remove bundle (jquery)

I added jQuery bundle in Aptana 3 (Commands -> Bundle development -> Install bundle), but now I want to remove this feature.
From Bundle development menu I don't see any "remove bundle" or similar command, how can I do?

You should be able to remove this from your system fairly easily. To verify where your jQuery bundle was installed
Open Aptana
Go to Window -> Show View -> Other
In the section "Studio", there should be a view called "Bundles"
Select Bundles to open that view
Expand the bundle in question (most likely Javascript jQuery)
The first entry will show you where it's installed
Note the location and shut down Aptana
Go to that location and delete the bundle (or move it out of that directory)
Restart Aptana
That should remove the jQuery bundle from Aptana Studio 3. I just tried it on my local machine and it worked.

Using jsDoc in Notepad++

I use notepad++ for my JavaScript development now. I am wondering if anyone has successfully integrated jsDoc with notepad++ for easy code commenting.
I was usint Aptana earlier and it was already integrated in it as ScriptDoc I believe but Aptana grew out to be painfully slow.

It it is possible to get jsDoc to work using the NppExec plugin. The steps are pretty straightforward, and should be a lot more straightforward after you read this.
In NPP (I'm using v. 5.9.3) open the plugin manager
Install NppExec plugin. (Npp restarts, I believe)
Go to the NppExec menu under plugins, choose the "Execute" menu option. A tiny scripting window opens.
Enter the following NppExec scriptlet:
NPP_SAVE
cls
SET jsDocPath = e:\javascript\jsdoc
cmd /c if "$(EXT_PART)"==".js" echo "Running JSDoc" && $(jsDocPath)\jsDocMe.cmd $(jsDocPath) "$(FULL_CURRENT_PATH)" "$(CURRENT_DIRECTORY)\jsDoc"
NPP_CONSOLE 0
(the line beginning with cmd and the following line should all appear on one line...)
Explanation: The set command sets a variable for where your jsDoc path is.
The cmd line first checks to see if the currently open file has a .js extension, and if so
it calls a .cmd file called jsDocMe.cmd, text below, passing in the jsDocPath, the full path of the current file, and the directory of the current file. The use of these variables can be seen in the .cmd file. The text of the .cmd file is below, a simple set of batch commands that changes to the jsDoc directory, runs the jsrun.jar file, and sends output to a new jsDoc folder beneath the current working directory.
cd /D %1
java -jar jsrun.jar app\run.js -d=%3 -a -p -t=templates/jsdoc %2
%3\index.html
exit

Notepad++ uses Scintilla, which does not parse inside comments, so I doubt there would be any plugins doing this. (See the comments for this feature request.)

I've been using N++ for JS development for years now, and I'm pretty sure there is no way to get JSDoc going, unless you write your own plugin.
You should always be aware that N++ is not an IDE. I've tested several, and I've always come to the same conclusion as you:
N++ == slim && fast; IDE == feature rich && slow;
IMHO, the IDE with the very best JSDoc support is WebStorm (commercial product).