actionsraka.blogg.se

Webstorm tutorial
Webstorm tutorial













  1. #WEBSTORM TUTORIAL FULL#
  2. #WEBSTORM TUTORIAL SOFTWARE#
  3. #WEBSTORM TUTORIAL CODE#

This is another great IDE (sorta) option that is worth checking out. The eagle-eyed viewer may have noticed the Sublime text project files. If you are looking for a great HTML5 based game library, you should check out Cocos2d-html. If you are looking for a solid JavaSript IDE, you really should check out WebStorm. My brain can happily go back to forgetting all about functions and member variables!

#WEBSTORM TUTORIAL FULL#

Now, when you are editing your JavaScript code, you will now have complete auto-completion data for the entire Cocos2D library:Īhhhh, just like being back in Visual Studio with full Intellisense support. Click OK when done.īack in the settings menu, Click the Apply then OK button. You may want to repeat the process for box2d and CocosDenshion ( audio library ) if you wish to use them as well. Navigate to and select the Cocos2d folder, then click OK: Name it Cocos2D and click the Attach button: On the right had side of the screen, locate and click the Add button: Now scroll down and expand JavaScript and select Libraries: Now the we have a working project, we can adjust the settings on it. If all went well, you should now have a project like this: idea folder within your directory with the project data. If you are creating a completely new project, you can ignore this bit. You may have to fight a bit with the UI to get it to work right, it really wants to create a new directory.

webstorm tutorial

In the Create New Project dialog, under the location select the folder containing your project’s code, then in the Project name field enter your app directory name. A WebStorm project is simply a directory full of code.

#WEBSTORM TUTORIAL CODE#

I am going to create one out of the code I created in the second Cocos2d tutorial. This process actually applies to configuring any JavaScript library to work with WebStorm, not just Cocos2D.įirst things first, we need a project.

webstorm tutorial webstorm tutorial

Here, we are going to cover that configuration process. With Cocos2D-html, there is a bit more work to do. Working with Node, auto-competition worked right out of the box.

#WEBSTORM TUTORIAL SOFTWARE#

If you want a full blown IDE for HTML and JavaScript development, you really can’t beat WebStorm ( it is however, not free software ). Then I discovered JetBrain’s WebStorm IDE and everything was right with the world. I am an avid Notepad++ fan, but I never did get autocomplete working to my liking. We have actually already covered this part with the first 7 steps in the previous blog post. In fact, I believe my repeated use of Intellisense actually severed the part of my brain that remembers functions and variables!Īs I’ve been doing a lot of JavaScript development recently ( between Node.js and now Cocos2D ), I needed to recreate the Visual Studio experience. Step 1: Prepare plugin for development We need to create a new plugin project and set up a basic plugin build in IntelliJ IDEA. After spending so many years as a Windows/Visual Studio developer, Intellisense is a simple must have in my arsenal.















Webstorm tutorial