Install the Angular QuickStart seed for faster,more efficient development on your machine
Setup a local development environment
TheQuickStart live-codingexample is an Angularplayground. It's not where you'd develop a real application. Youshould develop locallyon your own machine ... and that's also how we think you should learn Angular.
Setting up a new project on your machine is quick and easy with theQuickStart seed,maintainedon github.
Perform theclone-to-launchsteps with these terminal commands.
Download
Download the QuickStart seedand unzip it into your project folder. Then perform the remaining steps with these terminal commands.
What's in the QuickStart seed?
TheQuickStart seedcontains the same application as the QuickStart playground. But it's true purpose is to provide a solid foundation forlocaldevelopment. Consequently,there aremany more filesin the project folder on your machine,most of which you canlearn about later.
Focus on the following three TypeScript (/appfolder.
main.ts
}
All guides and cookbooks haveat least these core files. Each file has a distinct purpose and evolves independently as the application grows.
Defines the sameAppComponentas the one in the QuickStart playground. It is therootcomponent of what will become a tree of nested components as the application evolves.
DefinesAppModule,theroot modulethat tells Angular how to assemble the application. Right now it declares only theAppComponent. Soon there will be more components to declare.
main.ts
Compiles the application with theJIT compilerandbootstrapsthe application to run in the browser. That's a reasonable choice for the development of most projects and it's the only viable choice for a sample running in alive-codingenvironment like Plunker. You'll learn about alternative compiling and deployment options later in the documentation.
Next Step
If you're new to Angular,we recommend staying on thelearning path.
Appendix: node and npm
Node.js and npm are essential to modern web development with Angular and other platforms. Node powers client development and build tools. Thenpmpackage manager,itself anodeapplication,installs JavaScript libraries.
Get them nowif they're not already installed on your machine.
Verify that you are running nodev4.x.xor higher and npm3.x.xor higherby running the commandsnode -vandnpm -vin a terminal/console window. Older versions produce errors.
We recommendnvmfor managing multiple versions of node and npm. You may neednvmif you already have projects running on your machine that use other versions of node and npm.
Appendix: Why develop locally
Live codingin the browser is a great way to explore Angular.
Links on almost every documentation page open completed samples in the browser. You can play with the sample code,share your changes with friends,and download and run the code on your own machine.
TheQuickStartshows just theAppComponentfile. It creates the equivalent ofapp.module.tsandmain.tsinternallyfor the playground only. so the reader can discover Angular without distraction. The other samples are based on the QuickStart seed.
As much fun as this is ...
you can't ship your app in plunker
you aren't always online when writing code
transpiling TypeScript in the browser is slow
the type support,refactoring,and code completion only work in your local IDE