text: The ...
  quickstartand rename it later).
  npm startto launch the sample application.
  Perform the clone-to-launch steps with these terminal commands.
  git clone quickstart cd quickstart npm install npm start
  npm start fails in Bash for Windows which does not support networking to servers as of January, 2017.
  Download the QuickStart seed and unzip it into your project folder. Then perform the remaining steps with these terminal commands.
  cd quickstart npm install npm start
  npm start fails in Bash for Windows which does not support networking to servers as of January, 2017.
  You can quickly delete the non-essential files that concern testing and QuickStart repository maintenance (including all git-related artifacts such as the
  .git folder and
  .gitignore!).
  Do this only in the beginning to avoid accidentally deleting your own tests and git setup!
  Open a terminal window in the project folder and enter the following commands for your environment:
  xargs rm -rf < non-essential-files.osx.txt rm src/app/*.spec*.ts rm non-essential-files.osx.txt
  for /f %i in (non-essential-files.txt) do del %i /F /S /Q rd .git /s /q rd e2e /s /q
  The QuickStart seed contains the same application as the QuickStart playground. But its true purpose is to provide a solid foundation for local development. Consequently, there are many more files in the project folder on your machine, most of which you can learn about later.
  Focus on the following three TypeScript (
  .ts) files in the
  /src folder.
  import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: `<h1>Hello {{name}}</h1>` }) export class AppComponent { name = 'Angular'; }
  import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from './app.component'; @NgModule({ imports: [ BrowserModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { }
  import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app/app.module'; platformBrowserDynamic().bootstrapModule(AppModule);
  All guides and cookbooks have at least these core files. Each file has a distinct purpose and evolves independently as the application grows.
  Files outside
  src/ concern building, deploying, and testing your app. They include configuration files and external dependencies.
  Files inside
  src/ "belong" to your app. Add new Typescript, HTML and CSS files inside the
  src/ directory, most of them inside
  src/app, unless told to do otherwise.
  The following are all in
  src/
  If you're new to Angular, we recommend staying on the learning path.
  Node.js and npm are essential to modern web development with Angular and other platforms. Node powers client development and build tools. The npm package manager, itself a node application, installs JavaScript libraries.
  Get them now if they're not already installed on your machine.
  Verify that you are running node
  v4.x.x or higher and npm
  3.x.x or higher by running the commands
  node -v and
  npm -v.
  The QuickStart shows just the
  AppComponent file. It creates the equivalent of
  app.module.ts and
  main.ts.
  © 2010–2017 Google, Inc.
  Licensed under the Creative Commons Attribution License 4.0.