{"id":54726,"date":"2014-02-12T09:57:31","date_gmt":"2014-02-12T08:57:31","guid":{"rendered":"http:\/\/www.ifun.de\/?p=54726"},"modified":"2014-02-12T10:01:31","modified_gmt":"2014-02-12T09:01:31","slug":"brackets-freier-code-editor-mit-browser-live-vorschau","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/brackets-freier-code-editor-mit-browser-live-vorschau-54726\/","title":{"rendered":"Brackets f\u00fcr Windows und Mac: Freier Code-Editor mit Browser-Live-Vorschau"},"content":{"rendered":"<p>Web-Entwickler aufgepasst: Wenn ihr zum Bau eigener Webseiten, kleinerer Javascript-Schnipsel und zum Editieren von CSS-Dateien nicht ein klobiges IDE, sondern einen einfachen Texteditor bevorzugt, dann solltet ihr euch den quelloffenen Download <a href=\"http:\/\/brackets.io\/\">Brackets<\/a> heute vielleicht mal etwas genauer anschauen. <\/p>\n<p><a href=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/brack-500.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/brack-500.jpg\" alt=\"brack-500\" width=\"500\" height=\"289\" class=\"aligncenter size-full wp-image-54728\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/brack-500.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/brack-500-300x173.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Der k\u00fcrzlich aktualisierte Download f\u00fcr Mac, Windows und Linux ist ein leichtgewichtiger Texteditor, der aktiv weiterentwickelt und etwa im 3-Wochen-Rhythmus mit neuen Aktualisierungen versorgt wird. <\/p>\n<p>Neben klassischen Hilfsmitteln wie einer Autovervollst\u00e4ndigung f\u00fcr eure Klassen- und Funktionseingaben, Syntax-Highlighting und einem Filesystem-Browser \u00fcber den sich neue Projekt-Ordner ausw\u00e4hlen lassen, gl\u00e4nzt Brackets mit einer Browser-Live-Vorschau. <\/p>\n<p>\u00c4nderungen in HTML, CSS und JS-Code k\u00f6nnen so direkt an den Browser gepusht werden und gestatten die Entwicklung eigener Web-Seiten, ohne alle 20 Sekunden auf den Reload-Button in der Browser-Adressleiste zu klicken. <\/p>\n<p><a href=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/live.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/live.jpg\" alt=\"live\" width=\"700\" height=\"319\" class=\"aligncenter size-full wp-image-54729\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/live.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/live-300x136.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Setzt man Brackets zum Bau eigener Webseiten ein, lassen sich die CSS-Klassendefinitionen mit Ctrl+E bzw. \u2318E in einem Inline-Fenster einblenden. Eine gro\u00dfe Bibliothek mit optionalen Erweiterungen hilft beim Personalisieren des freien Editors und passt Brackets an den eigenen Geschmack an. <\/p>\n<p>Die aktuelle Version kommt mit einem deutschen Interface auf euren Rechner, ist nur 40MB gro\u00df und hilft Einsteigern mit zahlreichen <a href=\"http:\/\/www.youtube.com\/user\/CodeBrackets\/videos\">Hilfe-Videos<\/a>, bei den ersten Schritten. Eine Liste der <a href=\"https:\/\/trello.com\/b\/LCDud1Nd\/brackets\">anstehenden Features<\/a> kann sich <a href=\"https:\/\/trello.com\/b\/LCDud1Nd\/brackets\">hier<\/a> auf Trello einsehen lassen. Trello selbst <a href=\"http:\/\/www.iphone-ticker.de\/im-video-ios-projektplanung-mit-trello-wir-sind-begeistert-60526\/\">kennt ihr ja bereits<\/a>. <\/p>\n<h2>Brackets im Video<\/h2>\n<p><div class=\"responsive-video\"><iframe loading=\"lazy\" width=\"700\" height=\"371\" src=\"http:\/\/www.youtube-nocookie.com\/embed\/rvo3Mv1Z4qU\" frameborder=\"0\" allowfullscreen><\/iframe><\/div> (<a href=\"http:\/\/youtu.be\/rvo3Mv1Z4qU\">Direkt-Link<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/brackets-freier-code-editor-mit-browser-live-vorschau-54726\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/live-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Web-Entwickler aufgepasst: Wenn ihr zum Bau eigener Webseiten, kleinerer Javascript-Schnipsel und zum Editieren von CSS-Dateien nicht ein klobiges IDE, sondern einen einfachen Texteditor bevorzugt, dann solltet ihr euch den quelloffenen Download Brackets heute vielleicht mal etwas genauer anschauen. Der k\u00fcrzlich aktualisierte Download f\u00fcr Mac, Windows und Linux ist ein leichtgewichtiger Texteditor, der aktiv weiterentwickelt und [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":54729,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[1300,70,1106,6321,52,6324],"class_list":["post-54726","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entwickler","tag-code","tag-download","tag-editor","tag-mac","tag-software","tag-windows"],"acf":[],"aioseo_notices":[],"featured_image":["http:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/brackets.jpg"],"rest_api_enabler":{"featured_image":"http:\/\/images.ifun.de\/wp-content\/uploads\/2014\/02\/brackets.jpg"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/54726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=54726"}],"version-history":[{"count":4,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/54726\/revisions"}],"predecessor-version":[{"id":54733,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/54726\/revisions\/54733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/54729"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=54726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=54726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=54726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}