npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

slush-yangular

v0.1.5

Published

AngularJS generator for Slush

Downloads

4

Readme

DEPRECATED!

use generator-yangular

slush-yangular Build Status Dependency Status

A slush generator for AngularJS using Bootstrap and Less based on the AngularJS generator for Yeoman.

Installation

Install slush-yangular globally:

npm install -g slush-yangular

Remember to install slush globally as well, if you haven't already:

npm install -g slush

Usage

Create a new folder for your project:

mkdir my-angular-app

Run the generator from within the new folder: Note name is optional

cd my-angular-app
slush yangular name

Tasks

To generate additional scripts and files. Based on the AngularJS generator for Yeoman:

slush yangular:view name
slush yangular:controller name
slush yangular:route name
slush yangular:directive name
slush yangular:filter name
slush yangular:service name
slush yangular:factory name
slush yangular:constant name

Gulpfile

The gulpfile is based on the gulp-webapp generator for Yeoman

Development

To start developing in your new generated project run: Note --open is optional. This argument opens the browser

gulp serve --open

Then head to http://localhost:9000 in your browser.

The serve task starts a static file server, which serves your AngularJS application, and a watch task which watches your files for changes and lints, builds and injects them into your index.html accordingly.

Testing

To run Karma tests:

gulp test

Production ready build

To make the app ready for deploy to production run:

gulp build

Now you have a ./dist folder with all your scripts and stylesheets concatenated and minified, also third party libraries installed with bower will be concatenated and minified into vendors.min.js and vendors.min.css respectively.

Documentation

To generate ngDocs:

gulp docs

Now you have a ./docs folder with all the generated documentation in a format that can be hosted.