Yeoman Fountain generator to scaffold a webapp with React or Angular written in ES6 (Babel), TypeScript through Webpack or SystemJS including tools Gulp 4, ESLint, Browsersync and Karma
This Yeoman generator allows you to start any Webapp with the best Developer Experience out of the box!
No matter what framework or module management you want to use, we got you covered with a cutting edge working configuration.
We use Gulp 4 as a task manager but we'll ask you questions about:
This generator is the entry point of the Yeoman Fountain generators for webapps. It can be considered as the v2 of generator-gulp-angular.
To take profit of the best of the Yeoman infrastructure, we heavily relies on the composability natures of the generators.
Thereby, each needs of your future application will be addressed by a dedicated Yeoman generator (each will be used depending of the options you selected or not).
More informations in DESIGN.md.
This generators can be used directly to bypass the framework question.
This generator is targeted to be used with Node >= 4.0.0 and NPM => 3.0.0. You can check your version number with the command
node --version && npm --version
npm install -g yo
npm install -g generator-fountain-webapp
mkdir my-new-project && cd my-new-project
npm run buildto build an optimized version of your application in /dist
npm run serveto launch a browser sync server on your source files
npm run serve:distto launch a server on your optimized application
npm run testto launch your unit tests with Karma
npm run test:autoto launch your unit tests with Karma in watch mode
If you have
gulp-cli installed in global packages you can use equivalent:
If you don't have
gulp-cli installed in global, you should have this error:
/usr/local/lib/node_modules/gulp/bin/gulp.js:121 gulpInst.start.apply(gulpInst, toRun); TypeError: Cannot read property 'apply' of undefined
If you want to access sub-generators, you have to globally install one of the following generators:
Support us with a monthly donation and help us continue our activities.
Become a sponsor and get your logo on our website fountainjs.io and on our README on Github with a link to your site.