Git Product home page Git Product logo

clutch-angular-seed's Introduction

Clutch: Angular Seed

This angular seed is a part of the Clutch Framework family. It can be used as a standalone angular boilerplate, or can be used as a part of a larger Clutch full-stack app.

As an angular seed, it takes a modular approach to structuring your app. It encourages folders to be used to keep components of your app organized in a way that makes them easy to move between other apps.

It utilizes RequireJS and the Angular-UI project, UI-Router, to help achieve this modular approach.

Initial setup (Not using Clutch Yeoman Generator)

  1. Clone this repo down into your project folder

  2. Install dependencies

    $ npm install && bower install
    
    • NOTE: If you must have both Grunt CLI and Bower installed in you global NPM packages
  3. If you will be using the SASS capabilities built into this seed, you will need to install the Compass gem

    $ gem install compass

Using the built-in Grunt tasks

This seed comes with a wide array of ready to go Grunt tasks to automate your build and dev process

grunt build:[dev|release]

This task will run a full suite of build tasks including compiling all JS to a single optimized file, compiling all SASS, and for release builds, optimizing both JS (with source map) and CSS into minified packages.

This built package will default to a build directory. This output directory can be changed by altering the 'buildDir' property of the package.json file.

grunt watch

This task will watch various folders and build the changed files.

grunt server

This task does a few things

  • Builds the app into the build directory (in dev mode)
  • Starts a simple HTTP server accessible at http://localhost:9001
  • Starts the watch task

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.