Angular 6 Installation And Setup


Prerequisite to install and setup Angular 6 on Windows systems.
  • Nodejs
  • Npm
  • Angular CLI
  • IDE for writing your code
It’s required for Angular 6 that Nodejs should have version greater than 8.11 and npm has to be greater than 5.6.

Nodejs

Identify the nodejs is installed on your system with typing command node -v in the cmd prompt. This will help you see the version of nodejs currently installed on your system.

















If it does not print anything, install nodejs on your system. To install nodejs, go the homepage https://nodejs.org/en/download/ of nodejs and install the package based on your OS.

Official site’s homepage of nodejs will look like the following –






To install  node on Windows 10, I downloaded node-v10.15.3-x64.msi from nodejs.org site. Run this msi file and follow the required step to install.














Once nodejs is installed, npm will also get installed along with it. To check if npm is installed or not, type npm -v in the terminal. It should display the version of the npm.




Once node and npm is installed then run below command on same window to install the CLI using the npm package manager.
npm install -g @angular/cli




After successfully installation of CLI you can create angular app in your system with the help of below command. Also to open and work on angular app code, download Visual Studio Code from https://code.visualstudio.com/docs/?dv=win64user

Create a new Project in Angular
To create a new project in angular use below command. After running this command required module will be added to this app and you can start basic work on the same application.



Ng new AngularTest
Once you run above command in Nodejs window then few option will be displayed in same window regarding routing and CSS frameworks etc. Please select Y for routing and select CSS/SAAS as per your requirement.



Once new project is created then below cmd screen will be displayed. This project includes relevant modules including htmls, css, type scripts etc.



After this please check the physical location of your project. There you find source code including required module as below.








Now open this project in Visual Studio Code. Here you find complete structure of your project in explorer view.




















Sharing few basic command to compile, build, run the project from Visual Studio code terminal or Nodejs command prompt.
ng build : this command build the project


ng serve :  run command ng serve to see the page in web browser.



In this article I explained the setup and configuration of Angular 6. In my next article I will try to help out on few more codding stuff on Angular.



Happy Learning!!! 


Comments

Post a Comment

Popular posts from this blog

Error : DependencyManagement.dependencies.dependency.(groupId:artifactId:type:classifier)' must be unique: com.adobe.aem:uber-jar:jar:apis -> version 6.3.0 vs 6.4.0

Image
I got above error after adding dependency in Maven POM xml file placed under newly created AEM arch type and running command  mvn -PautoInstallPackage clean install . Error : DependencyManagement.dependencies.dependency.(groupId:artifactId:type:classifier)' must be unique: com.adobe.aem:uber-jar:jar:apis -> version 6.3.0 vs 6.4.0 After google and gone through few article I got command ( mvn -PautoInstallPackage -Padobe-public clean install) . Once I run this command this issue with jar compatibility was resolved. Happy Learning!!!
Read more

Operators in Asterisk with Linux

Operators When you create an Asterisk dialplan, you’re really writing code in a specialized scripting language. This means that the Asterisk dialplan—like any programming language—recognizes symbols called operators that allow you to manipulate variables. Let’s look at the types of operators that are available in Asterisk: Boolean operators These operators evaluate the “truth” of a statement. In computing terms, that essentially refers to whether the statement is something or nothing (non-zero or zero, true or false, on or off, and so on). The Boolean operators are: expr1 | expr2 This operator (called the “or” operator, or “pipe”) returns the evaluation of expr1 if it is true (neither an empty string nor zero). Otherwise, it returns the evaluation of expr2. expr1 & expr2 This operator (called “and”) returns the evaluation of expr1 if both expressions are true (i.e., neither expression evaluates to an empty string or zero). Otherwise, it returns zero. expr1 {=,
Read more

ERROR Exception while handling event Sitecore.Eventing.Remote.PublishEndRemoteEventException: System.AggregateExceptionMessage: One or more exceptions occurred while processing the subscribers to the 'publish:end:remote'

I was getting below error while working with cache management on CM and CD server. Actually my code was working fine on CM server but I was not able to access or clear cache object on CD server because of wrong event selection.  PID[18108] Error       ManagedPoolThread #3 16:24:16 ERROR Exception while handling event Sitecore.Eventing.Remote.PublishEndRemoteEventException: System.AggregateExceptionMessage: One or more exceptions occurred while processing the subscribers to the 'publish:end:remote' event.Source: Sitecore.Kernelat Sitecore.Events.Event.EventSubscribers.RaiseEvent(String eventName, Object[] parameters, EventResult result)at Sitecore.Events.Event.RaiseEvent(String eventName, Object[] parameters)at Sitecore.Eventing.Subscription`1.Invoke(Object instance, EventContext context)at Sitecore.Eventing.EventProvider.RaiseEvent(Object event, Type eventType, EventContext context) Above error comes due to wrong event args access in CD server. There are two event args in
Read more