Atom Editor Einrichten für HTML, CSS, JavaScript, PHP, Jquery

[dont ScreaM]

Hallo,
ich finde irgendwie den Atom Editor richtig cool, auch von den Einstellungen, Plugins usw.
Ich hab nur Videos gesehen aber bei mir funktioniert mein "Highlighting" total falsch.

am <main> ist alles orange.... als bsp.

  <main>
    <h1>Wellcome to JustFAQ.it!</h1>
    <p>The page is not finished at all! Its just the beginning!</p>
  </main>
  <footer>
    <p>All rights reserved by JustFAQ.it</p>
  </footer>

Ich hab folgende Packages:
Emmet
Pigments

 

[Fallwrrk]

Sieht ziemlich richtig aus. Welches OS? Mal den Atom-Benutzerordner umbenannt?

 

[dont ScreaM]

Ich denke ich installiere es neu.

 

[Fallwrrk]

Brauchst du nicht. Lösch einfach den Atom-Ordner in deinem Benutzerverzeichnis. Da ist alles drin, was nach der Installation verändert wird. Ne Neuinstallation wird dir nichts bringen.

 

[dont ScreaM]

Ist immer noch falsch gefärbt, in jsfiddle wird es richtig markiert.

 

[M.t.B.]

Als was für eine Datei hast du denn das ganze abgespeichert? .html ?

 

[dont ScreaM]

Als was für eine Datei hast du denn das ganze abgespeichert? .html ?

.php
Ich hab mein Windows jetzt neu installiert.
Kann man Atom wie "Jsfiddle" nutzen das es "live" anzeigt wie die Internetseite Aussieht?

 

[Fallwrrk]

Du hast dein Windows neuinstalliert, weil Atom ein inkorrektes Syntax-Highlighting anzeigt? Einfach mit Strg + Shift + L die Syntax auf "HTML" stellen hatte es auch getan.

 

[dont ScreaM]

Du hast dein Windows neuinstalliert, weil Atom ein inkorrektes Syntax-Highlighting anzeigt? Einfach mit Strg + Shift + L die Syntax auf "HTML" stellen hatte es auch getan.

Nein, windows neu installiert weil ich davon Linux Mint drauf hatte

Kann man auch den Code "Rendern" damit es anzeigt wie es aussieht?

 

[Fallwrrk]

Versuch das mal: atom-html-preview

 

[dont ScreaM]

Versuch das mal: atom-html-preview

Bisschen bescheuert erklärt... ballern ein "apm install atom-html-preview" rein und was soll ein Newbie wie ich damit anfangen?

Genau so was regt mich auf... Installiert? Ist installiert.
Press CTRL-SHIFT-H in the editor to open the preview pane.

Was passiert? Total NICHTS...

 

[Fallwrrk]

Wenn du mit dem simplen Konsolenbefehl nichts anfangen kannst, dann nutz doch die in Atom integrierte Paketsuche. Man geht halt davon aus, dass jemand, der Atom nutzt, auch ein Developer ist, der weiß wie eine Console funktioniert.

Das Paket funktioniert bei mir absolut perfekt. Auch ne HTML-Datei offen, wenn du Ctrl + Shift + H drückst? Auch die HTML-Syntax aktiviert?

 

[dont ScreaM]

Wenn du mit dem simplen Konsolenbefehl nichts anfangen kannst, dann nutz doch die in Atom integrierte Paketsuche. Man geht halt davon aus, dass jemand, der Atom nutzt, auch ein Developer ist, der weiß wie eine Console funktioniert.

Das Paket funktioniert bei mir absolut perfekt. Auch ne HTML-Datei offen, wenn du Ctrl + Shift + H drückst? Auch die HTML-Syntax aktiviert?

Geht irgendwie, include PHP werden nicht angezeigt wie header, footer, head etc.
Keiner hat gesagt dass ich ein Profi bin. Ich lerne noch.

 

[Fallwrrk]

Geht irgendwie, include PHP werden nicht angezeigt wie header, footer, head etc.

Was ja auch logisch ist. PHP benötigt einen PHP-Daemon. Und den hat das Paket nicht. Das Paket wird wohl einfach deine Datei mit Hilfe von Chromium parsen und gut ist. Wenn du das PHP parsen möchtest braucht du auch einen Webserver und musst die Seite dann im Browser eingeben.

Keiner hat gesagt dass ich ein Profi bin. Ich lerne noch.

Dann solltest du dich aber auch nicht so aufregen. Soll jetzt in jedem der 10.000 Atom-Pakete beistehen wie man ein Terminal bedient oder was? Nur damit die Nicht-Profis das hinkriegen ohne Eigeninitiative zu zeigen? Wenn du nicht weißt was mit dem Befehl zu tun ist, dann benutze Google. Eine Suche nach "Atom apm" hätte dich (zweiter Link) hier hin gebracht.

 

[dont ScreaM]

Was ja auch logisch ist. PHP benötigt einen PHP-Daemon. Und den hat das Paket nicht. Das Paket wird wohl einfach deine Datei mit Hilfe von Chromium parsen und gut ist. Wenn du das PHP parsen möchtest braucht du auch einen Webserver und musst die Seite dann im Browser eingeben.



Dann solltest du dich aber auch nicht so aufregen. Soll jetzt in jedem der 10.000 Atom-Pakete beistehen wie man ein Terminal bedient oder was? Nur damit die Nicht-Profis das hinkriegen ohne Eigeninitiative zu zeigen? Wenn du nicht weißt was mit dem Befehl zu tun ist, dann benutze Google. Eine Suche nach "Atom apm" hätte dich (zweiter Link) hier hin gebracht.

Eine Sache regt mich so richtig auf, nicht Persönlich gemeint, generell.
Man sitzt, sucht seid 3 Tagen ca 6-8h Täglich nach Javascript (nicht Jquery) tutorials und lernt Schritt für Schritt.
Dann kommt eine Person und meint man ist Faul, zeigt keine Eigeninitiative etc. wenn man da nicht sauer wird, dann ist was falsch.

 

[Fallwrrk]

Dein Post suggeriert aber, dass du scheinbar keinerlei Eigeninitiative zeigst. Der Konsolenbefehl in der Readme des Paketes war mehr als genug Information. Eigentlich hätte man sich den sogar sparen können, da man jedes Atom-Paket auf exakt die gleiche Art und Weise installiert, ohne Ausnahme. Das ist also alles Andere als "bescheuert erklärt". Und einfach mal ne HTML-Datei zu öffnen, bevor du Ctrl + Shift + H drückst, wäre auch logisch gewesen. Keine Datei = nix zum rendern.

 

[dont ScreaM]

Dein Post suggeriert aber, dass du scheinbar keinerlei Eigeninitiative zeigst. Der Konsolenbefehl in der Readme des Paketes war mehr als genug Information. Eigentlich hätte man sich den sogar sparen können, da man jedes Atom-Paket auf exakt die gleiche Art und Weise installiert, ohne Ausnahme. Das ist also alles Andere als "bescheuert erklärt". Und einfach mal ne HTML-Datei zu öffnen, bevor du Ctrl + Shift + H drückst, wäre auch logisch gewesen. Keine Datei = nix zum rendern.

Hab mein Index.php geöffnet.

 

[Fallwrrk]

Dann musst du in solchen Fällen unten die aktuelle Syntax auf HTML stellen. Viele Pakete aktivieren sich erst, wenn eine bestimmte Syntax aktiv ist.

 

[dont ScreaM]

Dann musst du in solchen Fällen unten die aktuelle Syntax auf HTML stellen. Viele Pakete aktivieren sich erst, wenn eine bestimmte Syntax aktiv ist.

Nachdem ich das gemacht hab, funktionierte es auch ^.^ und das Highlighting ging auch dann.

Hab jetzt anderes Problem:
Dynamische Variable die sich in ändert.