The Angular CLI creates the Angular Application and uses Typescript, Webpack ( for Module bundling), Karma ( for unit testing), Protractor ( for an end to end testing). It also helps us to add features ( components, directives, services, etc) to existing Angular applications. The Angular CLI helps us to quickly create an Angular application with all the configuration files and packages in one single command.
We install Angular using the Angular Command Line Interface (Angular CLI) The Typescript is automatically installed by Angular when we install the Angular CLIĪngular CLI also installs and maintains the Typescript configuration files, i. Typescript does that to you behind the scene. But in future, as more and more browser becomes ES2015 compliant, you do not have to worry about upgrading your Javascript code.
So you have to transpile your code to ES5. Currently, not many browsers support ES2015. The major advantages of Typescript are that you can transpile it to either ES5 or ES2015. Typescript Supports all current specifications of Javascript (i.e. This makes Typescript an ideal choice for our Angular Application. Typescript also supports Modules, classes, Interfaces, and Generics. Code Organisation is another major issue with Javascript code.
This makes it prone to run-time errors, it also makes it difficult to debug. The Javascript is the default language of the web. It must be compiled to Javascript before running in the web browser. The Code written in Typescript cannot be used directly in the web browser. The Typescript is a superset of Javascript. So we will go with the popular choice What is Typescript Many of the tutorials available on the internet also using Typescript. The Angular code is also written using Typescript. This gives us few options, including the current version of Javascript (i.e. The Angular Applications must be written in Javascript. We need to choose a language to write our angular application. We will show the sample package.json required in our next tutorial.
You need to install NPM on your machine if it is not already installed.You can test whether the NPM is installed or not by using the command prompt Without NPM, we have to download and install all these packages manually.
NPM is can be used to upgrade these packages as and when necessary. We are going to use NPM to install Angular, Typescript, and any other packages/modules required by our application.
NPM is used to install libraries, Packages & applications from Public repositories. It is the Package manager of choice for the Javascript projects.
The NPM is a Package Manager similar to what NuGet is for Visual Studio. To install Angular and dependencies, we are going to Node Package Manager or NPM. The installation procedure is an easy task and straightforward process. You can download Visual Studio Code from the following link. It has a great support for Typescript Installing Visual Studio Code It has IntelliSense support, easy integration with Git and support for debugging the applications. Visual studio code is an open source project and free to use. We will be using Visual Studio code as our editor. You can choose any editor of your choice including any editions of Visual Studio, Eclipse, Atom etc. You need to choose an editor for creating your angular projects.