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
Last revisionBoth sides next revision
programmieren:email [2020/09/30 11:13] – [E-Mail programmieren mit Foundation und Inky] jgehrkeprogrammieren:email [2020/09/30 11:39] – jgehrke
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.txt · Last modified: 2022/12/17 12:27 by 127.0.0.1
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