# generator-webapp > Scaffold out a front-end web app Latest version **4.0.0-9** (published 2024-01-30) · BSD-2-Clause license · 0 weekly downloads ## Install ```sh npm install generator-webapp pnpm add generator-webapp yarn add generator-webapp bun add generator-webapp ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 4.0.0-9 | | Published | 2024-01-30 | | First published | 2013-02-14 | | Weekly downloads | 0 | | License | BSD-2-Clause | | TypeScript types | none | | Module format | CommonJS | | Node | >=6 | | Dependencies | 6 | | Unpacked size | 43.3 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | The Yeoman Team | | Maintainers | sindresorhus, sboudrias, eddiemonge, addyosmani, mischah, zckrs, ulisesgascon, mshima, ruyadorno, paulirish, silvenon | | Keywords | yeoman-generator, web, app, front-end, h5bp, modernizr, jquery, gulp | ## Links - npm: https://www.npmjs.com/package/generator-webapp - Repository: https://github.com/yeoman/generator-webapp - Homepage: https://github.com/yeoman/generator-webapp#readme - Issues: https://github.com/yeoman/generator-webapp/issues - npm.io page: https://npm.io/package/generator-webapp ## Dependencies (6) - [yosay](https://npm.io/package/yosay.md) ^2.0.2 - [mkdirp](https://npm.io/package/mkdirp.md) ^0.5.1 - [command-exists](https://npm.io/package/command-exists.md) ^1.2.8 - [generator-mocha](https://npm.io/package/generator-mocha.md) ^2.0.4 - [yeoman-generator](https://npm.io/package/yeoman-generator.md) ^4.0.1 - [generator-jasmine](https://npm.io/package/generator-jasmine.md) ^2.0.1 ## Alternatives - [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads - [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads - [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads - [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads - [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads ## Recent versions - 4.0.0-9 (latest) — 2024-01-30 - 0.5.0-2 (0.5.0-2) — 2014-08-12 - 0.5.0-rc.1 (0.5.0-1) — 2014-06-20 - 0.5.0-1 (--help) — 2014-06-20 - 4.0.0-8 — 2020-03-01 - 4.0.0-7 — 2019-11-11 - 4.0.0-6 — 2019-06-27 - 4.0.0-5 — 2019-04-06 - 4.0.0-4 — 2019-04-06 - 4.0.0-3 — 2019-03-06 - 4.0.0-2 — 2019-01-16 - 4.0.0-1 — 2019-01-12 - 4.0.0-0 — 2019-01-10 - 3.0.1 — 2017-06-09 - 3.0.0 — 2017-05-26 - … 46 more at https://npm.io/package/generator-webapp/versions ## README # Web app generator [![Build Status](https://secure.travis-ci.org/yeoman/generator-webapp.svg?branch=master)](http://travis-ci.org/yeoman/generator-webapp) [![Gitter](https://img.shields.io/badge/Gitter-Join_the_Yeoman_chat_%E2%86%92-00d06f.svg)](https://gitter.im/yeoman/yeoman) > [Yeoman](http://yeoman.io) generator that scaffolds out a front-end web app using [gulp](http://gulpjs.com/) for the build process ![](screenshot.png) --- 🚧 There is a pre-release version of this generator, you can install it by running `npm install --global generator-webapp@next`. Help us make it stable by reporting bugs! 🚧 --- ## Features Please see our [gulpfile](app/templates/gulpfile.js) for up to date information on what we support. * enable [ES2015 features](https://babeljs.io/docs/learn-es2015/) using [Babel](https://babeljs.io) * CSS Autoprefixing * Built-in preview server with BrowserSync * Automagically compile Sass with [libsass](http://libsass.org) * Automagically lint your scripts * Map compiled CSS to source stylesheets with source maps * Awesome image optimization *For more information on what this generator can do for you, take a look at the [gulp plugins](app/templates/_package.json) used in our `package.json`.* ## libsass Keep in mind that libsass is feature-wise not fully compatible with Ruby Sass. Check out [this](http://sass-compatibility.github.io) curated list of incompatibilities to find out which features are missing. If your favorite feature is missing and you really need Ruby Sass, you can always switch to [gulp-ruby-sass](https://github.com/sindresorhus/gulp-ruby-sass) and update the `styles` task in gulpfile accordingly. ## Getting Started - Install: `npm install --global yo gulp-cli generator-webapp` - Run `yo webapp` to scaffold your webapp - Run `npm start` to preview and watch for changes - Run `npm start -- --port=8080` to preview and watch for changes in port `8080` - Run `npm install --save ` to install dependencies, frontend included - Run `npm run serve:test` to run the tests in the browser - Run `npm run serve:test -- --port=8085` to run the tests in the browser in port `8085` - Run `npm run build` to build your webapp for production - Run `npm run serve:dist` to preview the production build - Run `npm run serve:dist -- --port=5000` to preview the production build in port `5000` ## Docs * [getting started](docs/README.md) with this generator * [recipes](docs/recipes/README.md) for integrating other popular technologies like CoffeeScript * [contribution](contributing.md) docs and [FAQ](docs/faq.md), good to check before posting an issue ## Options - `--skip-welcome-message` Skips Yeoman's greeting before displaying options. - `--skip-install-message` Skips the the message displayed after scaffolding has finished and before the dependencies are being installed. - `--skip-install` Doesn't automatically install dependencies after scaffolding has finished. - `--test-framework=` Either `mocha` or `jasmine`. Defaults to `mocha`. ## Contribute See the [contributing docs](contributing.md). ## Sponsors Love Yeoman work and community? Help us keep it alive by donating funds to cover project expenses!
[[Become a sponsor](https://opencollective.com/yeoman#support)] ## License [BSD license](http://opensource.org/licenses/bsd-license.php) --- _Source: https://npm.io/package/generator-webapp · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._