Editor for html/css/php/js/jQuery [closed] - ide

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
It would be great to have something like intellisense or code auto-complete for php/js/jquery..
I'm using Windows, and I've tried only NetBeans so far, can you suggest another all-in-one IDE ?
Thanks in advance, best regards.

Eclipse for PHP with aptana plugin works great for me. I had some trouble getting it to work, so I listed up all the steps to take.
Install Eclipse for PHP: http://www.eclipse.org/downloads/packages/eclipse-php-developers/heliossr1
Install Aptana 2 as Eclipse plugin: You do this by opening eclipse and going to Help -> Install new software and add this link: http://d3lq98emif3szr.cloudfront.net/tools/studio/plugin/install/studio/2.0.5.1278522500/
Then select Aptana Studio, next, next and restart Eclipse.
Install JQuery support: do this by creating a temporary new default web project (File -> New -> Project -> Web (the first one) -> Default Web Project), Choose a name, Click Next, Click Install Javascript Libraries at the bottom of the window, Expand Javascript Libraries, select JQuery Support and click Install. Then Next, next and restart Eclipse
Change the default Javascript editor to Aptana JS Editor: In eclipse, go to windows -> preferences -> general -> editors -> file associations, click *.js in the first list, then click Aptana JS Editor in the second one, and finaly click Default to make this your default Javascript Editor
Enable JQuery in the Aptana JS Editor: In Eclipse, go to windows -> preferences -> aptana -> editors -> javascript -> code assist, check JQuery 1.3, and finally click OK.
Now, all of your js-files (no mather if they are in PHP-project or any other project) will have JQuery auto-complete and documentation popups. If you would like to enable JQuery support for other file types (like *.html, *.tpl,...) do again as described in step 4, but instead of *.js, just select (or add) the desired filetype, and then make Aptana JS Editor the default. The only problem I have found is that, if you enable Aptana JS Editor for *.php, the php-editor doesn't work very good. You can work around this by either putting all your javascript in a JS-file (which is actually good practice), or you can enable the Aptana JS Editor for php everytime you want to edit some inline javascript, and just change it back to the default Javascript editor when you are done.

Netbeans has autocompletion for PHP, HTML, javascript and Jquery

phpDesigner 7 has all of the features you're looking for. It has built-in HTML, CSS, JS, PHP editor. Debugging tools, code completion, syntax highlighting, code checking etc, also supports popular JS frameworks. It's commercial but you can use trial version and see it yourself.

The best free editor for HTML/CSS/Jquery/PHP is Eclipse
The best commerical editor for HTML/CSS/Jquery/PHP is PHPStorm

Related

IntelliJ Ctrl-Click on method and autocompletion in HTML doesn't work

I've started using IntelliJ for angular2 development recently but there seem to be a bug. I know from WebStorm that if I have following html:
<button (click)="onHaveClicked()">Button</button>
I should be able to jump to the method implementation in my typescript file using ctrl-click. But this shortcut isn't working at all. I've tried multiple different files.
Also autocompletion in html doesnt work at all. It's showing no angular attributes like ngFor etc. Angular2 is of course installed.
Was somebody with the same problem able to solve it?
IntelliJ doesn't come with Angular support built in. You can however enable it by installing the plugin. Settings -> Plugins -> Install Jetbrains Plugin -> Search for Angular.
This is a general thing with IntelliJ and the other editors. The specialized editors (like PhpStorm and WebStorm) comes with what you need for that editor by default. IntelliJ, which is more general, it often has to be installed manually.

How to properly import a Play 2+ project in IntelliJ 14+ with all integrated features (run, debug, test)?

I work on a Java based Play! project for severals months now and I'd like to import it completely in IntelliJ, meaning being able to run, compile, test and debug from IntelliJ, without the need to use the command line.
According to this post from Jetbrain, it seems to be possible, if I quote the article it says clearly : "Now you don’t need to switch between IntelliJ IDEA and Play console anymore. Everything is available right from your favorite IDE.", but I can't figure out a way to achieve this for now, even if I follow the tutorial provided by Jetbrains.
Here are the steps I've been throught :
Open my fav IDE IntelliJ ;)
Go to the project list window.
Import project
Import from external model and choose SBT as suggested in Jetbrains tutorial.
option "Use auto import" checked, option "create directories for empty content roots automatically" checked. Project SDK Java 1.7
Global sbt settings : JVM From project JDK.
Finish
By now, if I try to make the project and launch it from IntelliJ, I'll get scala compiling errors related to routes object. Thanks to this post, we can understand that this happens because scala routes are located to specific folders that needs to be included in IntelliJ sources settings for this project. So next step was :
File -> Project Structure -> Modules
Add target/scala-2.10/classes:target/scala-2.10/resources_managed:target/scala-2.10/src_managed as sources folders.
But my problem remains the same, routes object being unrecognized.
Notes : I have no scala facets in my project structure configuration nor can add one.
IntelliJ provides integrated support for the Play Framework for Scala and Java. Support is currently only available in IntelliJ Ultimate Edition (see the Frameworks and Technology section).
Assuming Ultimate Edition, the setup for Play is incredibly easy. Simply create a new project by importing build.sbt, then choose Add Framework Support and choose Play 2.
Once complete, you can start and stop Play using the Play 2 Run/Debug configuration. No command line necessary.
Here is a more in depth look at IntelliJ's Play project configuration.
You could try the command play idea if you are using play or activator idea if you are using activator. That will do the magic.

JetBrains IDE with Demandware

I was wondering if anyone has used Demandware with any of JetBrains IDE. I've always just used text editors, and the Terminal. It seems like Demandware UX Studio is only for Eclipse?
Any help or suggestions is much appreciated.
In theory you can use your editor of choice to edit Demandware ISML files and DW Script files such as Sublime or JetBrains, but you would need some kind of WebDAV-Sync solution to automatically upload your files to the server.
You'll also lose debugging when you move away from Eclipse. Editing pipelines will also be quite challenging, as you won't have the visual IDE to edit the files (which are basically just XML).
Fortunately there has been some movement in the community and a plugin has been created for Jetbrains, it is available here: https://github.com/nek4life/intellij-demandware/
There is a Sublime Text 3 plugin (officially supported by Demandware) that will handle webdav syncing with your sandbox server. Pipelines are going away with the new development model and script debugging from Sublime Text is listed as a current TODO. You will still need to return to Eclipse to debug until that feature is finished, but it's nice to see they are making progress.
https://packagecontrol.io/packages/Entropy
Till now, Demandware development extension is available only for eclipse IDE. After installing the demandware development extension, you can take code checkout the storefront cartridges and create the DW server connection in eclipse, which will help you auto upload files to server.
You can use any other IDE, but that will not help you auto sync/auto upload files on server and with pipeline debugging options.
You can use Aptana studio. It is compatible with DW studio plugin.
To use Aptana:
Install Aptana
Go to Window->Preferences->Install/Update->Available Software
Add luna location http://download.eclipse.org/releases/luna/
Enable "Eclipse Kepler Update Site"
Install dw studio as described in documentation (use version for luna)
Optionally configure scss default editor: Aptana Studio 3 code assist for Sass (.scss) files

best open source IDE to work with EXTJS

I want to develop a web app in EXTJS 4.0, but I'm not sure about which IDE to use. I'm looking for open source IDE with its pros and cons.
There is no specific IDE for ExtJS. Since it is a javascript framework you can use text editors with additional plugins to use features like syntax highlighting, code formatting etc. webstorm seems to be more promissing one in javascript world but it is not a free tool. Here are some of the popular tools people use to write javascript code.
Komodo(Text editor is free but IDE is paid one)
Vim
Sublimetext
Notepad++
Eclipse
Spket(Text editor is free but IDE is paid one) ... many more.
Personally I would prefer eclipse with spket eclipse plugin through which you can use formatting/validation/code completion features. (Only default features are available in free one, to customize these features one should move to spket paid version). My second choice would be notepad++ with additional plugins.

Getting auto-completion to work in an IDE using Coffeescript and external Javascript libraries such as jQuery

I would like to ask how other more experienced Coffeescript developers are using their respective IDE's or editors with auto-complete when developing modular libraries and / or referencing external Javascript libraries (jQuery, jQuery UI, RequireJS, Handlebars, ...).
As much as I've tried various IDE's and plug-ins for Coffeescript, none of these seem to support auto-completion when the project consists of several script files. For example: in Visual Studio I can add a commented directive such as /// <reference path="/js/jquery.js" />. I'd need something similar for Coffeescript.
I have tried following without success:
Visual Studio with Web Workbench by Mindscape
Netbeans with dstepanov's Coffeescript plug-in
Aptana with the Coffeescript ruble
Further, I am aware of Jetbrain's WebStorm 3.x support for Coffeescript, unfortunately, my evaluation period expired before I realized I'd need this feature - can anyone confirm that setting the Javascript / Coffeescript Usage Scope works as expected with auto-complete?
So effectively what I am asking: is there an IDE or plug-in, commercial or otherwise, enabling auto-complete for Coffeescript libraries spanning multiple files?
Hate to answer my own question, but after giving JetBrains WebStorm 3.0.2 another demo run on another box, I figured it worked best and does have 'smarter than average' auto-complete for coffeescript projects. It simply loads all coffeescript files in to a global auto-complete context and you can add external libs (cs or js) as well using the project's scope settings. Could be better, but for now I cannot find any other IDE or tool running on PC or Linux, OSS or paid, that tops WebStorm and I don't have the fortunes to explore OSX alleys.
I am sure future tools, plugins, IDE's will pop up for various platforms that do offer great coffeescript module management and proper contextual auto-completion in the editor. So please, do keep the suggestions coming.
Thanks!
I personnaly use Kdevelop. I can't remember if I installed a plugins or something to get it work with coffeescript.
But it works very well, the highlighting colors are pretty, when ctrl+d it add coffeescript commentary and so on.
Also I do make compilation directly in KDevleop.
Well also it's free, I am using it on linux debian but I think it works on most platforms.
Check it there : http://kdevelop.org/