Git Product home page Git Product logo

ang2-starter's Introduction

Ang2-Starter

Intro

This repository is the home for the Gikuyu Original Angular2 MEAN quick starter. I started this project to quickly scaffold a basic fully-MEAN project. Feel free to fork me and make your own changes!

Getting Started

Clone this repository into an out of the way folder on your computer Example: cd ~/Desktop/resources/ git clone https://github.com/gikuyunderitu/ang2-starter

Then go to your home directory ie. cd~ and open up up your bash-profile ie. vim .bash_profile and copy the functions in functions.txt to those files

Example function

function ang2starter() {
    mkdir -p "mean-"$1
    cd "mean-"$1
    cp -rf ~/Coding_projects/resources/ang2-starter/* .
    yarn install
    ng new $1 --routing --style sass --skip-git
    mv $1 public
    yarn add @angular/cli --dev
    echo node_modules/"\n"public/node_modules/ > .gitignore
    git init
    git add -A
    git commit -m "Ang2starter generated commit."
    mv proxy.conf.json public/
    jq '.scripts.start = "ng serve --proxy-config proxy.conf.json"' public/package.json > tmp.$$.json && mv tmp.$$.json public/package.json
}

What Not to Expect

I'm no pro when it comes to the MEAN stack. I just do what can and can what I do. As such, not everything may be laid out in the perfect way. Feel free to refactor the folder structure to your heart's content

What You Will Find

There a a few nice surprises in store that will allow you to get rolling pretty quickly with everything

Features

Aliases

Soo... as much as I love you guys for forking this repository and revisiting this page so much, the most effective way to get this stuff rockin and a rolling for development (even offline!) Go ahead modify and include some of the aliases from the aliases.txt file to suit your needs

Snippets

There's this AWESOME snippets file attached that I've found super helpful in the fast iteration of my projects. Some included snippets are for client side js, angular-infused html, and even pug (previously jade) html preprocessor support!

Sass Preprocessor integration

Go ahead and globally install node-sass. It's a dependency for many of the aliases run. It's used to compile SASS (a CSS Preprocessor)

TODO

Add angular cli to the dev dependencies of package.json

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.