Generator Yeogurt
A generator for creating static sites. Helps you harness the power of your favorite tools: Pug or Nunjucks, Gulp, ES6/2015, and much more!
Overview
The Yeogurt Generator is an innovative tool designed to simplify the process of creating static sites. By integrating various powerful frameworks and tools such as Pug, Nunjucks, and Gulp, it provides a seamless experience for developers looking to streamline their workflow. Whether you're a seasoned coder or just starting, Yeogurt makes project setup easier and more efficient.
With Yeogurt, you can expect a polished and automated build process that takes care of multiple tasks, from compiling preprocessors to optimizing images. Its user-friendly architecture means you can quickly get your projects up and running with minimal hassle, letting you focus more on your creativity instead of tedious setup.
Features
- Preview Development Server: Launches a live server with Browsersync, allowing real-time previews and refreshing when changes are made.
- Automated Build Process: Automatically compiles preprocessors, minifies CSS/HTML/JavaScript, and optimizes images, saving valuable development time.
- Consistent Coding Styles: Uses
.editorconfigfor maintaining consistent coding styles across different text editors. - JavaScript Linting: Integrates ESLint for catching potential issues in your JavaScript code early in the development process.
- Modern JavaScript Support: Offers ES6/2015+ support through Babel for those looking to use the latest syntax and features.
- Flexible Templating Options: Choose between Pug or Nunjucks for templating, allowing you to leverage the framework that suits your project best.
- Unit Testing Integration: Easily implement unit testing with Jasmine or Mocha + Chai, and run tests using Karma to ensure your code is reliable.
- Custom Project Naming: Simplifies project setup by allowing you to specify project names and preferences during the initial configuration.
- HTML
HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Pug
Pug is a high-performance template engine for Node.js and browsers that enables developers to write HTML templates using a concise and intuitive syntax. It supports a range of features, including template inheritance, conditionals, loops, mixins, and more, and can be easily integrated into a variety of web frameworks and build tools.