environment setup for Angular Application

-
 Go to this site https://cli.angular.io     
           to install Angular CLI
To get started with the installation, we first need to make sure we have nodejs and npm installed with the latest version. The npm package gets installed along with nodejs.

 Go to the nodejs site https://nodejs.org/en/


Once nodejs is installed, you can check the version of node in the command line using the command, node -v, as shown below −

To check the version of npm, type command npm -v in the terminal. It will display the version of npm as shown below.

Now that we have nodejs and npm installed, let us run the angular cli commands to install Angular  You will see the following commands on the webpage −

 
npm install -g @angular/cli //command to install angular 6
ng new AngularDemo // name of the project
cd AngularDemo
ng serve

Let us now check whether Angular CLI is installed or not. To check the installation, run the following command in the terminal   node -v

 We will use Visual Studio Code IDE for working with Angular you can use any IDE
if you want to open project into IDE run the command
code . 
It will open into visual studio code


Now that we have the file structure for our project, let us compile our project with the following command −
ng serve
The web server starts on port 4200. Type the url http://localhost:4200/ in the browser and see the output. You will be directed to the following screen −










Comments

Post a Comment

Popular posts from this blog

How to Integrate SB Admin 2 Template in Asp.net Mvc Application

-
Image
Template URL    https://startbootstrap.com/themes/sb-admin-2/ Step1 : Download Template form above URL open template copy files /folder from  CSS , JS,Vendor Folder from template  Step 2 : Create Asp.net Mvc Application Open content Folder and paste above Item into folder   Step 3: Open Index.html from template and copy content from Index.html after that open Home controller and Index .cshtml file and paste code inside Index. cshtml replace reference of file as below screen (~/Content) that we have copied Inside content folder   Step 4 : Layout should be null for this Action Method   Step 5 : Run the Application ...
Read more

Send mail when Rss news is published using Logic Apps - Azure portal

-
Image
Basically Logic App is use to Automate the process  Today we are going to demonstrate How to Send Mail(gmail) using Logic App when new Item or news feed is published step 1 :- Create Logic App using Azure Portal , give any meaningful name to the logic App  step 2 :- step 3 :- click on create and after that when app get published click on Go To Resources and go inside newly created Logic App and click on Blank Logic App step 4:- click on RSS  and Search for action like when a feed item is published after that provide  url  :-  http://feeds.reuters.com/reuters/topNews  and click on next step step 5 :- Add Gmail account add necessary details and allow access to use logic app  and select action send mail  step 6 :-  click on the save Button and Run the Logic App step 7 :- Go to gmail and check after sometime  step 8 :- Go to Azure portal inside logic app check summery of mail and after that go to overview and disab
Read more