Sign in to follow this  
JohnyCage

Development environment for Babylon.js?

Recommended Posts

Visual Studio probably - especially as David and David are MS employees.

 

It actually depends on your Javascript experience and your personal preference...  It may also depend on the type of project you plan to complete.  For me, I'm more interested in mobile and babylon.js and so I use Notepad++ for the Javascript and HTML element and then Basic4Android to develop the Android part of the project.

For me it's also about the ease of programming as opposed to intellitype necessarily.  Notepad++ or other editors can be extended to help when developing.

Share this post


Link to post
Share on other sites

Well, I have some experience in development, so there is some choices:

First: Visual Studio
huge community
huge possibilities
much of addons
multi-language support

much of space to install
much of good addons is paid

much of requirement to performance workspace

Second: Visual Studio code
portable
small performance requirements, good performance

small community
no addons

This probably should support intellisense, but I don't tested it

Third: WebStorm from jetBrains company
This is my favorite, it is specially developed to code on java script
extremely better performance
much of syntaxes support
community version is not worse than licensed

only javascript
This probably contains intellesense, I looked at google a bit, and found some topics, so it may be, but I don't tested on my own;
 

Additional tips: 
For the better code reading, take a look on the typescript, coffescript or dart languages ( https://www.dartlang.org/faq ), they are fully compiled to javascript without errors and making code better to look.

Take a look at the babylon editor, http://editor.babylonjs.com , it looks pretty cool, but in beta-test probably and I do not know his performance. This is not only on the website, you can download this tool on your pc (but it will work in browser, internet connection not needed).

Share this post


Link to post
Share on other sites

if you editor can't find where BJS is on your disc by itself, just add this comment line in your file in the first position 

/// <reference path='/path/to/Babylon.js/dist/preview release/babylon.d.ts' />

write your own path the babylon.d.ts file

then reload your file in VSCode, Intellisense should work

Share this post


Link to post
Share on other sites

Couple of things:

If you are going to develop, I assume your hardware is up to the job.  RAM is cheap.

Next, probably whatever IDE you are using already.  Reason being very low learning curve.  Typescript is now available as plug-in all over the place.

I have used Eclipse with Python & Typescript plugins.  Right now I am using Netbeans, which has a very nice Typescript editor plugin.  It also has good html, javascript, NPM & GIT integration.  I also write a a python plug-in.  What I especially like I can have multiple projects open at once making Blender exporter & loading typescript code in side by side viewing.

First thing to check does your current IDE just need a Typescript plugin?

Share this post


Link to post
Share on other sites

I'm sending pictures describing my problems.
- non-working intellisense of Babylon.js,
- non-working compilation by google chrome.

Babylon.js folder I have on my desktop. I use the files in the folder: ".vscode"

What is wrong, any idea?

interface.JPG

debug.JPG

Share this post


Link to post
Share on other sites

Well..did you have setup a webserver in your env? Also do you have the babylon.d.ts file somewhere? I don't see them in your capture (but it is pretty blurry so not sure)

You must have babylon.js and babylon.d.ts in your folder.\Then add the reference comment like @jerome mentioned (make sure to point to the right path).

Share this post


Link to post
Share on other sites
6 hours ago, Deltakosh said:

 (but it is pretty blurry so not sure)

Try double click to enlarge pic for the best quallity. I did my best but intellisense is telling me only "ANY". New pic attached.

interface1.JPG

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.