GithubHelp home page GithubHelp logo

gsans / angular2-starter Goto Github PK

View Code? Open in Web Editor NEW
6.0 4.0 29.0 1.02 MB

Based on angular2-webpack-starter (webpack + TypeScript)

License: MIT License

JavaScript 56.85% TypeScript 21.25% CSS 20.04% HTML 1.86%

angular2-starter's Introduction

#Angular 2 starter

Instructions: Getting started with Angular 2

Based on https://github.com/angular-class/angular2-webpack-starter.

Besides app and app-simple there is my-app.

my-app has a simple top navigation with two sections 'Home' and 'Users'. It is a basic application to explore the component router in Angular 2.

//src/public/index.html

45  <!-- App script -->
46  <script src="/__build__/my-app.js"></script>
47  <!-- TODO: replace with /app-simple.js or /app.js -->

Getting Started (from original readme)

Dependencies

What you need to run this app:

  • node and npm (brew install node)
  • Ensure you're running the latest versions Node v4.1.1+ and NPM 2.10.0+

Once you have those, you should install these globals with npm install --global:

  • webpack (npm install --global webpack)
  • webpack-dev-server (npm install --global webpack-dev-server)
  • karma (npm install --global karma-cli)
  • protractor (npm install --global protractor)

Installing

  • fork this repo
  • clone your fork
  • npm install to install all dependencies
  • npm run server to start the server

Running the app

After you have installed all dependencies you can now run the app. Run npm run server to start a local server using webpack-dev-server which will watch, build (in-memory), and reload for you. The port will be displayed to you as http://localhost:8080 (or if you prefer IPv6 then it's http://[::1]:8080/).

server

$ NODE_ENV=development npm run server # or either webpack-dev-server or npm run express

Other commands

build files

$ npm run build  # or webpack

watch and build files

$ npm run watch  # or webpack --watch

angular2-starter's People

Contributors

andersbc avatar blakeembrey avatar den-dp avatar eladrkatz avatar gitter-badger avatar gsans avatar jimthedev avatar kennyt avatar mchapman avatar patrickjs avatar sekibomazic avatar semigradsky avatar srt32 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

angular2-starter's Issues

Repo request

Request: an in-depth look at the development of Angular and Webpack (e.g. Webpack's integration into the framework), including the various early implementation problems, through to the modern day, mostly trouble-free (I hope!) implementation. This may seem academic but I feel a full understanding of framework development will help drive things forward with creativity and flair, and may help foster a new generation of grass-roots visionaries breathing new life into existing well-loved institutions and repositories. And hopefully making up and coming young coders a bit of cash and name recognition, for those for whom such things are a priority.

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.