NetBeans IDE no autocomplete due to JSX parsing error [duplicate] - javascript

I've just downloaded Netbeans 8.1 for PHP. Based on https://netbeans.org/bugzilla/show_bug.cgi?id=250288 , it appears that there is no native ReactJS/JSX support. Is anyone using this for react. Are there any workarounds? I'm been using Netbeans for years and would hate to have to move to a different IDE.

Well, i'm a Netbeans user too, but because of needs like this, i've switched myself from Netbeans to Sublime (first) and now to Atom for Frontend development and honestly, the workflow is great. I use ReactJS, AngularJS and VueJS, and for all of this Atom fits my needs.
Atom uses packages (like plugins) to support all of this, here's what i use for React:
Atom (https://atom.io/)
React Package (https://atom.io/packages/react)
The package adds:
Syntax highlighting
Snippets
Automatic indentation and folding
JSX Reformatting
HTML to JSX conversion
Autocomplete
Something important to remember is that sometimes Atom uses the wrong syntax highlight for some reason, so, in JSX files just click in the bottom right corner (next to the encoding) and you can select your filetype there (for ReactJS, should be Javascript(JSX)) and everything should be fine :)
I invite you to try it, its a great experience and for backend development (in my case, PHP) Netbeans is way better, from a lot of benefits that in frontend you might not need (the most to me is think is "Go to declaration", which in frontend i don't have/need).
If you want to know what other packages i use that might help you in frontend development just let me know and i'll update this post :)
Good luck!

Try this:
https://blogs.oracle.com/geertjan/entry/react_js_and_netbeans_ide1
It's still in early development but it should do the job.

Support for ReactJS is now included in Netbeans 8.2
source (last post):
https://netbeans.org/bugzilla/show_bug.cgi?id=250778
I personally don't find it satisfactory yet, which brought me to this question....

Related

Is there any way to get "good" Autocompletion in VS Code?

I recently tried PhpStorm and it's great especially with the completion.
When I Ctrl + Space (mac) I get suggestions that actually exist, like when I'm in a JS file and my project has jQuery I get Element Suggestions when typing $("#.
But in VS Code it feels like all suggestions come from AI and aren't even based on what is present in my project.
EDIT: Because I have difficulties describing what I mean I uploaded this video to help you understand my problem
Is there any way to get similar behavior in VS Code?
Yes, there is a way to improve IDE suggestions, and that is by installing extensions for the particular programming language that you use.
So, based on the tags you added for your question, for PHP, you can install "PHP Intelephense", for jQuery you can install "jQuery Code Snippets" and for HTML install "HTML CSS Support".
You can very easily install all 3 extensions by clicking on the "Extensions" option on the left hand side of the IDE (little cubes).

Webstorm IDE and AngularJS angular.module unresolved method

I am using Webstorm IDE for an AngularJS project.
I have added AngularJS to the librairies and autocompletion etc. works just fine.
However, Webstorm IDE does not find the function angular.module() which is quite central. I have tried everything (reinstalling, etc.) but it still does not seem to work.
Any ideas what it could be?
To date there has been no progress on the WebStorm IDS ticket referenced above by #AllYouCanEat86 so I am not sure if it should be fixed without adding libraries to WebStorm. Once I followed the advice given in this answer my issue was resolved and no longer got the warning in WebStorm.
In short go to File > Settings > Languages & Frameworks > JavaScript > Libraries and download angular (used to be called angularjs) from the community stubs. It appears in the list as angularjs-DefinitelyTyped once it has been downloaded.
I don't have the reputation to reply to a comment yet, but #Precastic's solution worked for me using Webstorm 9. Note that the library name is "angular", not "angularjs", however.
To be clear, that solution was:
In short go to File > Settings > Languages & Frameworks > JavaScript > Libraries and download angular from the community stubs. It appears in the list as angular-DefinitelyTyped once it has been downloaded.
I had the same problem, and the only solution was to include AngularJS using a CDN as instructed on the Jetbrains blog.
You include the script tag like this:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
And follow the instructions below:
If you prefer to use a CDN, place the cursor over the highlight library name, hit Alt+Enter, and Download Library. This will set up a local library in WebStorm’s cache (not in your project) so WebStorm can access AngularJS methods, directives, etc for autocompletion and documentation lookup.

Code completion for JavaScript library in Atom editor

How can I activate code completion in Atom editor for a JavaScript library like Dojo?
You can't, Atom does not do that by default (no editor does that), and there are no packages to do that either.
As far as I know, there aren't much code completion plugins for IDE's. There's the Needs more Dojo plugin for the IntelliJ family (WebStorm, ...) but that's the only one I know of.
Presumably if someone had made a Dojo package for Atom it would be here: https://atom.io/packages
I couldn't find one, though.

jQuery Autocompletion with Eclipse Juno Java EE

I've read several DATED information on how to enable jQuery (specially auto completion) support for Eclipse. Either using Aptana or other plugins.
I've tried Aptana 3 version plugin, but I get nothing but problems.
Can someone please explain on how to achieve this?
Maybe nowadays there are better options from Aptana.
Tried with Eclipse Indigo and Helios, and still Aptana Web tools pkg. does not work.
I got the jQuery code completion in Juno. Just follow the following steps:
1) Install the JSDT jQuery Integration plugin
2) Go to Project Explorer--> JavaScript Resources
3) Right click on it and go to properties.
4) Select "Add JavaScript library"
5) Select "jQuery Library"
6) You will get code completion as follows
Enjoy.
Much simpler thanks to logic8 comment is to add it from
help > Install new software
and enter http://svn.codespot.com/a/eclipselabs.org/jsdt-jquery/updatesite
Tada!!
I have used https://marketplace.eclipse.org/content/angularjs-eclipse
Once you install this you can right click on your project , Configure to Angularjs project ,
And that's it.
There is just something I have not seen anyone say.
If you already have a ready project, but when you created it did not using a javascript project, then you must convert your existing project.
Keep calm, because this conversion will not harm your existing project.
Right click on your project > Configure > Convert to javascript project
Ready! Now you can follow the step by step our friend up here did.
I believe this can really help beginners like me.

Good folding/indenting for Rails.js.erb for Javascript/Jquery in Vim?

I'm fairly new to vim/Macvim and am wondering if someone could kindly direct me to a plugin or resource on getting good indenting and folding in Vim for ruby on rails javascript erb files that are a mixture of javascript+jquery which have some server-side calls mixed in.
I know it's a tall order with essentially 3-syntaxes being intermingled but I'm guessing someone's already solved this beast.
Thanks!
I had issues with Vim/MacVim and Ruby compatibility. The first time, I installed using Homebrew and ended up scrapping that version and compiling Vim from source. It's more work but you can specify the language support that is compiled and things work much better. This post has a good step-by-step guide on compiling Vim on Mac. Try that and then see if you still have issues with js.erb files
Depending on how the file is written you may be able to fold on indentation level. This can be done by passing ":set foldmethod=indent" while in a ViM file. More information on ViM folding can be found here: http://vim.wikia.com/wiki/Folding

Categories

Resources