Giter Club home page Giter Club logo

veams / generator-veams Goto Github PK

View Code? Open in Web Editor NEW
44.0 6.0 8.0 6.13 MB

Scaffold modern frontend web apps or web pages with a static site generator (Assemble or Mangony), Grunt and/or Gulp, Sass and Bower. Use modern frameworks like Bourbon, Bootstrap or Foundation and structure your JavaScript with ES Harmony support.

Home Page: http://www.veams.org/

License: Other

JavaScript 74.09% HTML 21.40% CSS 4.51%
bourbon veams grunt gulp javascript static-site-generator static-site scaffold generator yeoman

generator-veams's Introduction

One of the most flexible and efficient Yeoman generator to build Frontend Web Apps, HTML5 web interfaces and Prototypes.

  1. You can use Grunt or Webpack as task runner/bundler/loader.
  2. You can create a static site with Mangony.
  3. You can create a React App with Redux, Redux-Observables, Router and more.
  4. You can build a technical HTML documentation.
  5. You can add Bootstrap, Foundation, Bourbon and Lost to your project.
  6. You can add the complete Veams stack to your project.
  7. You can enable hinting and linting.
  8. You have a mock API written in NodeJS in place.

Usage with CLI

To generate a new project just open your console, go to a specific project folder and type the following:

veams new project

That's it.

Just answer the questions and generate your individual project.

All dependencies and task files will be automagically downloaded and configured. You can start your project in your console via

npm start

When you have @veams/cli installed you can skip this section!

Installation without CLI

It is recommended to install @veams/cli.

If you only want to install the generator, just install it via:

npm install -g @veams/generator-veams

Usage without CLI (not recommended)

If you want to start the generator without @veams/cli you can do the following:

yo veams

generator-veams's People

Contributors

bitdeli-chef avatar chaenu avatar henripodolski avatar nishimura-d avatar sebastian-fitzner avatar toastbroad avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

generator-veams's Issues

Why renaming the package?

Because the namespace pg is already in use :(. Therefore I decided to rename the packages to veams ...

Research updating from standard to custom install

Hey,

I've just reverted to a minimal install after discovering my custom install was >500MB; leaving me unable to commit my repo' due to GitHub's 100MB file commit limit ( http://www.daisydiskapp.com/ tells me https://github.com/stefanjudis/grunt-phantomas is the culprit)

Commit etiquette aside, I'd like Foundation included in my minimal install

Is there an easy way to use the [yo] installation tool to include Foundation without me a) recreating my project as a custom install or b) configuring Grunt directly?

Would you advise getting familiar with adding/deleting Grunt.js packages sooner rather than later?

Yours hopefully

Add more detailed descriptions

For example Would you want to install a plugin? (Y/n) does not say anything about what kinds of plugins I'm able to install next.

Please add some details for making the generator more self-explanatory for better user experience. E.g. add a short summary to the optional grunt tasks about what they do.

Custom Installation: grunt hangs on "assemble:pages"

Custom Installation:

[?] Would you want to install assemble? Yes
[?] Do you want to install assemble plugins? Yes
[?] Which assemble plugin do you want to use? permalinks, assemble-contrib-sitemap, assemble-markdown-data, assemble-related-pages
[?] Which grunt modules do you want to use? grunt-grunticon, grunt-data-separator, grunt-modernizr, grunt-browser-sync, grunt-autoprefixer
[?] Do you need anything special? Create Developer Documentation, Libsass instead of Compass
[?] Do you want to use any JS Libraries? jQuery (latest Version)
[?] Do you want to use any CSS Frameworks? SASS Bootstrap

Run grunt server process hangs

Running "assemble:pages" (assemble) task
Deprecation warning: moment.lang is deprecated. Use moment.locale instead.

Create/publish to https://pages.github.com/ without root index.html

https://github.com/ldexterldesign/2048-shohreh_etemadi-seeb-website-20150219

Hey,

As title

I've branched master to gh-pages but https://pages.github.com/ won't play nice:

"Thanks for reaching out! GitHub Pages will look for the index.html file in the root of the repository -- It won't be able to build from an index.html file that is in a different folder."

I wondered if this was a problem you've solved in the past, if so can you share a solution?

Yours hopefully

Bourbon/Neat versions

Hi,

Just did a fresh yo prototype install with libsass/bourbon/neat/assemble and I noticed that the
bourbon/neat versions are the old ones (3.1.8/1.5.0). I was wondering if this is with a reason
(i.e. issues with libsass etc.) or I can safely update it to the latest versions (v. 4.0.2/1.7.0)? :)

Thanks

Add Broccoli.js as option for larger projects

Add broccoli.js support to scale projects. Broccoli.js should undertake the following tasks to unload the watch task:

  • compiling of sass (with libsass)
  • autoprefix css files
  • sync files (js, assets, ajax)

pngcrush installation failed

npm ERR! [email protected] postinstall: `node ./install-pngcrush.js`
npm ERR! Exit status 8
npm ERR! 
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is most likely a problem with the pngcrush-installer package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node ./install-pngcrush.js
npm ERR! You can get their info via:
npm ERR!     npm owner ls pngcrush-installer
npm ERR! There is likely additional logging output above.
npm ERR! System Linux 3.2.0-58-generic-pae
npm ERR! command "/usr/bin/node" "/usr/bin/npm" "install"
npm ERR! cwd /home/user/Projects/test/generator-prototype-playground
npm ERR! node -v v0.10.24
npm ERR! npm -v 1.3.21
npm ERR! code ELIFECYCLE

This is not an issue with the generator. But with the installation of pngcrush.

Maybe related to this issue?!: filamentgroup/grunticon#69

Is it possible to use https://npmjs.org/package/grunt-grunticon-sass instead? It does not seem to install pngcrush. Is pngcrush needed for png fallback?

Windows 7 node 0.12.* node-sass/grunt-sass Problem

Hi,

after update node to version 0.12.* grunt-sass doesnt work with version grunt-sass "~0.16.0", cause it depends an old node-sass version. after updating grunt-sass to version 0.18.1 it works fine.

Asynchron load for icons CSS

Add script when grunticon and dataSeperator are set. This script should be placed in vendor and will be responsible to load styles.icons.css asynchronous.

JS not compiling to output folder

When fist running grunt server when making an edit my JS files in "resources/js/" the watch task is not detecting any of the changes and the files are not being compiled to the " _output" directory. Everything else (scss/templates) is compiling correctly on watch. I have to run grunt build to get the files JS folder/files to compile to the " _output" folder. The the grunt watch starts detecting the JS file edits but I am receiving the following error and the JS does not get synced to the " _output" folder.

Grunt watch error:
"jit-grunt: Plugin for the "js" task not found.
If you have installed the plugin already, please setting the static mapping.
See https://github.com/shootaroo/jit-grunt#static-mappings

Warning: Task "js" failed."

Optimize assemble

To speed up assemble You only need to build changed files. Will be included in release v0.4.11!

Review/fix SASS [Foundation] compilation

~ #44 (comment)

Hey,

I'm desperately trying to get Foundation working and I think it may be connected to this lone build error - can you help?:

screen shot 2015-09-03 at 19 17 43

In addition, other than the following, are there any other files I need to update in order to get Foundation working out of the box; and my SASS compiling?:

screen shot 2015-09-03 at 19 22 47

/resources/bower-components/foundation/scss/foundation.scss
/resources/scss/styles.scss

To be clear I can run grunt without any errors, so I'm a little miffed as to why I can't get Foundation working:

screen shot 2015-09-03 at 19 28 28

Yours hopefully

combine media queries

if you use mixins to include media queries in your sass file, you get multiple identical @media statements spreaded in your rendered css file.

to solve this issue add combine-media-queries.

Subgenerator :gm

yo prototype:gm is working, but when you choose grunt-browser-sync as module you get an error:

fs.js:427
  return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
                 ^

Will be fixed in v0.4.41

Cannot GET /

When I'm starting app with "gulp serve" it opens browser with this words.

node_modules

Is there a reason why we need to check in node_modules? Otherwise I recommend to set them in the gitignore.

Add optional includes of js,css libaries / discussion needed

What do you think about, adding some questions about what libraries to include?

  • confirm In order to work with your prototype, you want to include some frontend libs
  • select library (jquery, backbone, requirejs, modernizr, bootstrap...)
  • select library version (jquery 1.x)
  • output to bower config file
  • include the script,link css tags into the layout

TypeError: Cannot read property 'read' of undefined

Unsure if this is just my local setup, but since upgrading Node/NPM, I'm receiving a weird bug when trying to run the latest [email protected]. This could also be an issue with Yeoman etc, but other generators are still working which is why I'm a bit confused.

Node Version: v0.12.2
NPM Version: 2.7.4
Yeoman Version: 1.4.6

Output when trying to run generator:

$ yo prototype
(!) #src() and #dest() are deprecated. Please read the documentation to learn about
the new ways of handling files. http://yeoman.io/authoring/file-system.html
events.js:85
      throw er; // Unhandled 'error' event
            ^
TypeError: Cannot read property 'read' of undefined
    at module.exports.yeoman.generators.Base.extend.initializing (/usr/local/lib/node_modules/generator-prototype/generators/app/index.js:13:26)
    at /usr/local/lib/node_modules/generator-prototype/node_modules/yeoman-generator/lib/base.js:412:16
    at processImmediate [as _immediateCallback] (timers.js:358:17)

Please let me know if you need any other info, or if I'm being an idiot!

Cheers ๐Ÿ˜„

Error when running yo prototype

module.js:340
    throw err;
    ^
Error: Cannot find module 'es5-ext/lib/Object/descriptor'
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:280:25)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object.<anonymous> (/home/dev/Projects/Demo/node_modules/generator-prototype/node_modules/yeoman-generator/node_modules/inquirer/node_modules/cli-color/lib/index.js:3:15)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)

grunticon vs dr-svg-sprites?

Hey,

Just wondering if there's a massive difference between the following?:

https://github.com/drdk/grunt-dr-svg-sprites reads (although the documentation is vague IMO) as though it offers SVG creation (i.e. shapes), which https://github.com/filamentgroup/grunticon doesn't

What does https://github.com/drdk/grunt-dr-svg-sprites offer that https://github.com/filamentgroup/grunticon doesn't?

Yours hopefully,

Warning when running grunt default task

Warning: Task "js" not found. Use --force to continue. Aborted due to warnings.

When I try to run the grunt default task as the first task after generation, it end up with the warning above.

Custom Installation: >> SyntaxError: Unexpected token ,

Custom Installation:

[?] Would you want to install assemble? Yes
[?] Do you want to install assemble plugins? No
[?] Which grunt modules do you want to use? grunt-grunticon, grunt-data-separator, grunt-modernizr, grunt-bless, grunt-browser-sync, grunt-autoprefixer
[?] Do you need anything special? Create Developer Documentation, Libsass instead of Compass
[?] Do you want to use any JS Libraries? jQuery (latest Version)
[?] Do you want to use any CSS Frameworks? 

Start local dev:

grunt server

Throws SyntaxError

/####/####/####/###/Gruntfile.js:21
        require('jit-grunt')(grunt, { ,
                                      ^
Loading "Gruntfile.js" tasks...ERROR
>> SyntaxError: Unexpected token ,
Warning: Task "default" not found. Use --force to continue.

Aborted due to warnings.

Reference markdown inside JSON

Hello,

How do you reference a markdown file from inside a json data file?

For example, given I have two files homepage.json and body.md, how do I reference body.md inside homepage.json??

Cheers,

Rafael.

Add tests for all specs

We need to add tests.

General File Generation

  • Gruntfile.js, bower.json, package.json, .bowerrc, .gitignore, README.md

Grunt Tasks

  • assemble
  • jit-grunt
  • time-grunt
  • grunt-autoprefixer
  • grunt-bless
  • grunt-browser-sync
  • grunt-combine-media-queries
  • grunt-comment-media-queries
  • grunt-comment-toggler
  • grunt-concurrent
  • grunt-connect-proxy
  • grunt-contrib-clean
  • grunt-contrib-copy
  • grunt-contrib-connect
  • grunt-contrib-compass
  • grunt-contrib-htmlmin
  • grunt-contrib-requirejs
  • grunt-contrib-jshint
  • grunt-contrib-uglify
  • grunt-csscomb
  • grunt-devtools
  • grunt-data-separator
  • grunt-dr-svg-sprites
  • grunt-fileindex
  • grunt-grunticon
  • grunt-htmlhint
  • grunt-jsdoc
  • grunt-jsbeautifier
  • grunt-modernizr
  • grunt-packager
  • grunt-phantomas
  • grunt-photobox
  • grunt-responsive-images
  • grunt-sass
  • grunt-styleguide
  • grunt-svgmin
  • grunt-version

Features

  • Libsass
  • Extended Layouts
  • Documentation
  • Dist Folder

PG Packages

  • PG Methodology
  • PG SCSS
  • PG JS
  • PG Components

Bower

  • jQuery
  • Backbone
  • RequireJS
  • RequireJS Text
  • Almond
  • Foundation
  • Bourbon Neat
  • SASS Bootstrap

Adding Sub-Generators for Frameworks

Next step is to integrate some sub-generators for the following:

Default Installation

Default installation process without questions via:
* yo prototype:default

backboneJS

Scaffold models and views:

  • yo prototype:bm (backbone model)
  • yo prototype:bv (backbone view)

AuraJS (optional)

Scaffold components and extensions:

  • yo prototype:auraext
  • yo prototype:auracom

Would be great to define a list in this ticket.

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.