Giter Site home page Giter Site logo

regaddi / generator-nitro Goto Github PK

View Code? Open in Web Editor NEW

This project forked from merkle-open/generator-nitro

0.0 1.0 0.0 1.85 MB

Your frontend? Fuel it with Nitro!

License: MIT License

JavaScript 92.38% CSS 2.57% HTML 2.21% TypeScript 1.98% Shell 0.87%

generator-nitro's Introduction

NPM version Build Status Build Status Dependency Status

Yeoman Nitro Generator

Yeoman generator for Nitro - lets you quickly set up a frontend project with sensible defaults and best practices.

Nitro is a Node.js application for simple and complex frontend development with a tiny footprint.
It provides a proven but flexible structure to develop your frontend code, even in a large team.
Keep track of your code with a modularized frontend. This app and the suggested atomic design and BEM concepts could help.
Nitro is simple, fast and flexible. It works on macOS, Windows and Linux. Use this app for all your frontend work.

Usage

Before using, you need of course node installed.
Nitro and the Nitro generator are tested with the current "Active LTS" versions of node.js (release 6.x and 8.x).

Install yarn, yo and generator-nitro globally:

npm install -g yarn yo generator-nitro

Keep your global packages up to date:

npm outdated -g --depth=0

Do an update if necessary:

npm update -g

Project Generation

Create a new directory, and cd into it:

mkdir my-new-project && cd my-new-project

Run:

yo nitro

You will be guided through some configuration options:

  • Desired Name --name= (default: current directory name)
  • Desired CSS preprocessor --pre= (less or scss; default: scss)
  • Desired view file extension --viewExt= (html, hbs or mustache; default: hbs)
  • Using client side templates --clientTpl (default: false)
  • Including example code --exampleCode (default: false)
  • Installing nitro-exporter --exporter (default: false)
  • Installing nitro-release --release (default: false)

The choosen options will be stored for the next project generation.

It's possible to pass in these options through the command line:

yo nitro --name=myproject --pre=less --viewExt=hbs --clientTpl

You may bypass the questions with --skip-questions. This will use the defaults for not specified options

yo nitro --name=myproject --clientTpl --exporter --skip-questions

Update a project

In your project, first update the generator to the newest version:

yarn add generator-nitro

If you then run yo nitro you will be asked to update the project. It is best to overwrite all local files and check the differences after.

Updating to a new major version needs some more work. Please check the release notes

Generators

Available generators:

  • yo nitro (aka yo nitro:app)
  • yo nitro:pattern [name]

Note: Generators are to be run from the root directory of your project.

Generated app

See how to use the generated app

Testing

Running yarn test will run the jasmine unit tests.

yarn test

Contribute

We are more than happy to accept external contributions to the project in the form of feedback, bug reports and pull requests :)

See the contributing docs

Changelog

Recent changes can be viewed on Github on the Releases Page

License

MIT license

generator-nitro's People

Contributors

alexkasaku avatar beat-gebistorf avatar brunschgi avatar buehler avatar deniaz avatar ernscht avatar janbiasi avatar jantimon avatar lemats avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.