User Tools

Site Tools

Trace:

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
programmieren:email [2020/09/30 11:13] – [E-Mail programmieren mit Foundation und Inky] jgehrkeprogrammieren:email [2022/12/17 12:27] (current) – external edit 127.0.0.1
Line 5: Line 5:
   - [[https://nodejs.org/en/download/|NodeJS mit NPM]] - Damit man Foundation nutzen kann   - [[https://nodejs.org/en/download/|NodeJS mit NPM]] - Damit man Foundation nutzen kann
   - [[https://git-scm.com/download/mac|Git Binary Package]] - man braucht Git das die Vorlagen gezogen werden können   - [[https://git-scm.com/download/mac|Git Binary Package]] - man braucht Git das die Vorlagen gezogen werden können
-  - im Terminal: ''sudo npm install --global foundation-cli'' - Das ist das Foundation Framework +  - im Terminal: ''$ sudo npm install --global foundation-cli'' - Das ist das Foundation Framework 
-  - im Terminal: ''sudo npm install inky --save-dev'' - Inky Template Enginge/Compiler+  - im Terminal: ''$ sudo npm install inky --save-dev'' - Inky Template Enginge/Compiler
  
 Damit ist alles installiert was man braucht.  Damit ist alles installiert was man braucht. 
Line 19: Line 19:
 Erstelle irgendwo einen Projekt-Folder in dem du eine E-Mail Projekte speichern willst. Erstelle irgendwo einen Projekt-Folder in dem du eine E-Mail Projekte speichern willst.
  
-Wechsle im Terminal in das folder, z.b. ''cd dein/pfad/zu/emails''+Wechsle im Terminal in das folder, z.b. ''$ cd dein/pfad/zu/emails''
  
-Dort im Folder erstellt man ein neues Foundation Projekt mit: ''foundation new --framework emails''+Dort im Folder erstellt man ein neues Foundation Projekt mit: ''$ foundation new --framework emails''
  
 Du musst einen Projektnamen angeben. Damit wird ein neuer Ordner mit dem Projektnamen erstellt, wo alle E-Mail Vorlagen drin sind. Du musst einen Projektnamen angeben. Damit wird ein neuer Ordner mit dem Projektnamen erstellt, wo alle E-Mail Vorlagen drin sind.
Line 27: Line 27:
 ===== Projekt Bearbeiten ===== ===== Projekt Bearbeiten =====
  
-Wenn du im Terminal im Projekt-Folder bist, dann starte den Node.js Server mit: ''foundation watch''+Wenn du im Terminal im Projekt-Folder bist, dann starte den Node.js Server mit: ''$ foundation watch''
  
 Es öffnet sich ein Browser-Fenster. Dort wird zu erst die ''index.html'' aus dem ''projekt/dist/...'' folder angezeigt. Es öffnet sich ein Browser-Fenster. Dort wird zu erst die ''index.html'' aus dem ''projekt/dist/...'' folder angezeigt.
Line 37: Line 37:
 ===== Projekt Fertig stellen ===== ===== Projekt Fertig stellen =====
  
-Ist die E-Mail fertig, mit ''Control + C'' den Node-Server beenden im Terminal und dann dort ''npm run build'' eintippen.+Ist die E-Mail fertig, mit ''Control + C'' den Node-Server beenden im Terminal und dann dort ''$ npm run build'' eintippen.
  
 Dann wird die komplette E-Mail als finales HTML in den ''projekt/dist/...''-Folder gerendert. Mit Inline-Styles und allem! Dann wird die komplette E-Mail als finales HTML in den ''projekt/dist/...''-Folder gerendert. Mit Inline-Styles und allem!
programmieren/email.1601464421.txt.gz · Last modified: (external edit)
CC Attribution-Share Alike 4.0 International Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International

Page Tools