Tyderion / ng2-seed

A simple Angular2 boilerplate

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Build Status Dependency Status devDependency Status

Getting Started

Prerequisites

  1. Install Node.js

  2. Install these NPM packages globally

npm install -g webpack typescript typings karma

Dependencies

  1. Install all dependencies
//In your project folder
npm install
typings install

Commands

Running the server

npm start

Generate docs and start the docs server

npm run docs

Run test

npm test

Build the app

npm run build

Build the app

You can pass configurations to the app like this:

npm start --env prod

This can be passed to start and build command.

App Structure

projectRoot/
   |
   +-- config/ (configurations)
   +-- dist/ (minified app version will placed by gulp here with the task 'gulp dist')
   +-- docs/ (has the generated docs from typedoc)
   |
   +-- src/
   |   |
   |   +-- app/
   |   |   |
   |   |   + components/
   |   |   + models/
   |   |   + services/
   |   |   + utils/
   |   |   + modules/
   |   |   |   |
   |   |   |   + <moduleName>/
   |   |   |       |
   |   |   |       + components/
   |   |   |       |   |
   |   |   |       |   + <componentName>.ts
   |   |   |       |   + <componentName>.html
   |   |   |       |
   |   |   |       + filters/
   |   |   |       |   |
   |   |   |       |   + <filterName>.filter.js
   |   |   |       |
   |   |   |       + services/
   |   |   |           |
   |   |   |           + <serviceName>.service.js
   |   |   |
   |   |   + app.config.ts (represents the project configuration)
   |   |   + <appName>.ts (the app component)
   |   |   + <appName>.html (the app view)
   |   |   + <appName>.scss (the app styles)
   |   |
   |   +-- assets/
   |   |   |
   |   |   +-- fonts/
   |   |   +-- i18n/
   |   |   +-- images/
   |   |
   |   +-- index.html ("MAIN" - This is the start page of your single-page-application and has some gulp vars)
   |   +-- boot.ts
   |   +-- vendor.ts
   +-- typings-custom/ (custom type definition)

#Supporter

License

MIT

About

A simple Angular2 boilerplate

License:MIT License


Languages

Language:CSS 38.2%Language:JavaScript 34.3%Language:TypeScript 16.1%Language:HTML 11.4%