问题
I'd like to play around a bit with pure web app programming.
Coming from a VB6 background, some features I'd like are:
- step-by-step debugging
- Visual UI design
If we decide to do our next app as a web app, price isn't terribly important (a better IDE being more productive and pleasant to use).
Update: I'm looking for something like (what I hear you get with) jQuery where there is an underlying framework that takes care of all the browser differences. So I just plop a UI widget (Drop-down combo box, etc.) onto the IDE and the framework takes care of the javascript, etc. dealing with all the variations of browsers and O/S's.
回答1:
I think you'll struggle by starting off with those requirements.
- Step-by-step debugging: More commonly, you're going to want to do this in the browser itself rather than in the IDE. If you have a bug that only happens in Chrome 6 then being able to debug JavaScript in an IDE isn't going to help you much
- Visual UI design: Again the issue is that, in the end, what it looks like visually in your IDE is unimportant, it's what it looks like in different browsers, on mobile phones etc. that matters
Probably the closest thing to what you're after is Dreamweaver, or if you're more comfortable with MS products you could try Expression Web (never used it myself). Personally I use Komodo Edit, the latest version has support for HTML5 and CSS3, and there's a paid version which adds a number of features, but neither are IDEs like you're (apparently) expecting.
In response to your edit: Komodo Edit has built in support for jQuery (ie. it offers code completion and tooltips), and you'll probably get a long way with a CSS framework (or even an HTML5 one) for ironing out the browser differences, but primarily front end web development is about editing text files and looking at them in browsers. The sort of things that IDEs are generally helpful for are not really major factors.
Further edit: Also, if you want a JavaScript widget framework, you probably should look at one of:
- jQueryUI
- YUI
- Dojo
- ExtJS
回答2:
Clay, web development is nothing like software development. I have done both and I can assure you that there's no way you can make web development work like software development or visa versa. You just have to learn a new way of programming with Dreamweaver (that's what I use) or HTMLPad or any HTML editor would do.
Even jQuery is NOT a visual IDE - you don't just drag the icon and drop it on a webpage. You have to CODE it (you insert its javascript and then add your code to manipulate the widgets) and then check the webpage online (or offline with local server). You have to know WHERE to put the widget. You need to learn HTML and CSS. It's required.
回答3:
Another option I've seen is Google Web Toolkit which lets you develop in Java using Eclipse and debug within Eclipse (even at the browser level) and then "compiles" that to Javascript, creating one version of your code for each type of browser (so you only need on "set" of Javascript). Lots of built in stuff to otimize the speed of the code.
回答4:
And another suggestion is : http://www.visualwebgui.com/ but I don't know much about it other than it's targeted at .net developer.
回答5:
For a free IDE that covers most languages you can try RJ textedit. Has code folding. You can add to it's syntax definitions. Allows you to zoom your IDE font with the middle mouse wheel and ctrl, for those of us with bad eyes. Hitting f10 - f12 to test your code on IE, Firefox or Chrome, respectively makes it easy to see how it works on all three major browsers. Just download it, unzip it, make a shortcut to TEXTEDIT.exe in the RJ textedit folder and go. I find it the easiest to program in, no bull about workspaces or long set ups, just type in some JavaScript and or HTML code and run. With HTML5 elements being so easy to set up, I see no need for a visual editor myself. I just like typing something in and seeing the results. But then again we all walk the path differently don't we. Hope this helps.
来源：https://stackoverflow.com/questions/3996402/recommended-ides-for-pure-web-apps-html5-etc