Generator-easyemail NPM

generator-easyemail

Creates a email development folder which scaffolds out everything you will need. I've included SASS and gulp to help automate otherwise tedious processes such as maintaining code that has to be inline, table attributes that need to be manually included.
Be Aware that this is an on going project and you are likely to encounter errors or you may spot something out of the ordinary, If that's the case please let me know.

Features

Installation

This project now uses yarn to install packages, so you will need to do this before proceeding to any of the other steps.

$ npm install -g yarn

Now install Yeoman and generator-easyemail using npm (I assume you have pre-installed node.js).

$ npm install -g yo
$ npm install -g generator-easyemail

(Optional) - This project has a small and simple server built with express, if you plan on making changes to the server you can automate not having to stop and restart the server everytime you make some adjustments.

$ npm install -g nodemon

Then generate your new project! (keep in mind that you have to create a project folder to install all of the files in):

$ yo easyemail

If you've followed the optional step or you already have nodemon installed in your packages, run nodemon to begin watching your server.

$ nodemon

Once all of the files and packages have finished installing just run gulp in your current directory, this will start up a proxy server and you will automatically open up a new window to your perferred browser.

$ gulp

Current Updates

I have started working on this project again, I have added an option to alllow you to choose from three templates. These include a One Column Layout, Two Column Layout, and a Three Column Layout. Look at the following pictures to get a better persepective.

One Column Layout Two Column Layout Three Column Layout

Future Updates

I am currently working on this generator to generate more options, In future updates I am going to allow you all to generate different responsive layout techniques. I will also be adding options for you all to choose from different CSS frameworks including LESS, SASS or SCSS. As for HTML I am going to be adding HTML template framworks such as pug, handlebars, mustache, EJS and more! If you have anything that you think you might need get in contact with me and I will be sure to make it an option for every one.

Folder Structure

The folder structure is as follows:

|   .gitignore
|   gulpfile.js
|   index.js
|   package.json
|   
+---node_modules
|  
+---production
|       build.zip
|       
\---src
   |   index.html
   |   
   +---build
   |   |   index.html
   |   |   
   |   \---css
   |
   +---images
   |           
   +---css
   |       main.css
   |       
   \---styles
       |   main.scss
       |   
       \---framework
           +---base
           |       _font-styles.scss
           |       _global-styles.scss
           |       _layout.scss
           |       _responsive.scss
           |       
           +---modules
           |       _colors.scss
           |       
           \---partials
                   _footer.scss
                   _header.scss
                   _mid-section.scss