问题
I just saw Bret Victors Keynote called "Inventing on Principle". At around 3:34 Minutes he uses a code editor that - after a change he makes - immediately shows consequences of it. As he types there are instant results.
This is the video I am talking about: http://vimeo.com/36579366
Another example is this real-time online html editor.
Can you tell me which offline editor I could use to work on my web projects (HTML/CSS/JS) this way? Preferably it can be used on OS X. Thanks!
回答1:
I don't know if there are any free ones, but TextMate has a live preview window. Just don't download the version 2 beta — I don't think it's been implemented there yet. You can also check out Coda and BBEdit.
回答2:
Brackets looks nice, but still on development.
回答3:
http://www.youtube.com/watch?v=TBUC-7D1LIc
this guy already came up with a similar open source program like the one in the video. He also is going to be putting up the source on Github soon.
回答4:
CoffeeCup has a Web Editor in beta that uses live preview and includes the code-preview connection you see in the video. Select an element in the preview and the corresponding HTML/CSS is selected, or select HTML code and see which element it applies to in the preview.
回答5:
If you're still looking for an offline editor, you could always check out Notepad++. It has a live html preview, but doesn't show most of the newer stuff; just basic layouts as well as basic CSS.
Notepad++ Website
回答6:
Espresso updates the preview window as you type in the editor but it's for mac only
来源：https://stackoverflow.com/questions/9447216/is-there-an-html-css-js-editor-that-immediately-shows-changes