Please Try Running This Command Again as Root administrator Sql cli

Suggested Videos
Part one - Introduction to Angular 2 | Text | Slides

In this video we will talk over how to set up Angular ii in Visual Studio.

Step one : The first pace is to install Node.js and npm. It is recommended that you take node version 4.6.ten or greater and npm three.x.x or greater. To check the versions that you lot have on your machine type the following commands in a command window.
node -v
npm -5

Yous tin become the latest version of Node.js from the following website. Click on the right download link depending on the Operating System you take.
https://nodejs.org/en/download/

I have Windows 64 chip Operating system, and so I take downloaded 64 - fleck windows installer.

To find out if you have 32 - bit or 64 - chip operating system

1. Click the Starting time icon ,
2. Blazon "Organisation" in the First Search box, and then click Organisation Information in the Programs list.
3. Select "System Summary"
4. In the correct pane if
• Arrangement type is x64-based PC, then you accept 64-bit operating system
• Arrangement type is x86-based PC, then you have 32-bit operating organization

Step 2 : Make sure y'all take Visual Studio 2015 Update 3 installed. To check the version of Visual Studio you take click on the "Aid" menu and then select "About Microsoft Visual Studio". The following are the download links if you don't accept Visual Studio 2015 Update 3.

Visual Studio Enterprise 2015 - Update iii
Visual Studio Professional 2015 - Update 3
Visual Studio Community 2015 - Update three

Step three : Configure surroundings settings for node and npm in Visual Studio

1. In Visual Studio click on Tools - Options.
2. In the "Options" window, expand "Projects and Solutions" and select "External Spider web Tools"
3. In the right pane, move the global $(PATH) entry to be to a higher place the internal path $(DevEnvDir) entries. This tells Visual Studio to look for external tools (similar npm) in the global path before the internal path.
4. Click "OK" to close the "Options" window and and then restart Visual Stduio for the changes to take effect

Step 4 : Install TypeScript for Visual Studio 2015

1. To develop Athwart applications you need TypeScript ii.2.0 or later
2. To cheque the version of TypeScript, clik on the "Help" bill of fare in Visual Studio and select "Almost Microsoft Visual Studio"
   
3. Download and install the latest version of TypeScript for Visual Studio 2015 from the post-obit URL https://www.microsoft.com/en-us/download/details.aspx?id=48593
4. After installing TypeScript, the installation wizard prompts you to restart Visual Studio. So, please restart Visual Studio for the changes to have issue.

Step 5 : Create Empty ASP.Cyberspace Spider web Application project

1. Run Visual Studio every bit Administrator
2. Click on File - New Project
3. Select "Web" nether "Visual C#". From the correct pane select "ASP.Net Spider web Awarding"
4. Name the project "Angular2Demo"
5. On the side by side screen, select "Empty" template and click "OK"

Pace half-dozen : Download the "Quick Start Files" from the Athwart web site using the link below. Excerpt the contents of the downloaded .Zero folder.
https://github.com/angular/quickstart

Step vii : Re-create the required "Starter files" to the spider web application project

We do not need all the starter files that we downloaded. Every bit yous can run across from the paradigm beneath, we need 4 folders/files

• src binder and it's contents
• bs-config.json
• packet.json
• tslint.json

Re-create the above files/folders and paste them in the root directory of "Angular2Demo" spider web application project. Now click "Show All File" icon in "Solution Explorer" and include all the copied files/folders in the project. At this phase your project structure in Visual Studio should exist every bit shown below.

When including the files in the project if yous go a prompt to "Search for Typescript Typings" click "No"

Step viii : Restore the required packages.
In the "Solution Explorer" right click on "package.json" file and select "Restore Packages" from the context menu. This takes a few minutes to load all the modules. Y'all can see the status in "Visual Studio Output" window. After the restoration is complete, y'all will see a message "Installing Packages Consummate". To meet all the installed node modules, click on "Show all Files" icon in Solution Explorer. Practise NOT include "node_modules" folder in the project.

Step 9 : Run the project

1. In the "RUN" window type "cmd" and press enter
2. Change the directory in the control prompt to the directory where y'all have the web awarding project. I have my web awarding project in "C:\Angular2Demo\Angular2Demo". So I have typed CD C:\Angular2Demo\Angular2Demo and upon pressing the enter key I am in the root folder.
3. Type "npm starting time" and press "Enter" cardinal
   
4. This launches the TypeScript compiler (tsc) which compile the application and wait for changes. It also starts the light-server and launches the browser where you will meet the output - How-do-you-do Angular.
5. At this point, open "app.component.ts" file from "Solution Explorer". This file is nowadays in "app" folder in "src" folder.
6. Modify "proper noun" value from "Angular" to "Angular 2!" and yous will see the changes reflected on the spider web folio automatically.

At the moment we do not take the capability to run the projection by pressing F5 or CTRL + F5. We will discuss how to practice this in our next video.

younghingred.blogspot.com

Source: https://csharp-video-tutorials.blogspot.com/2017/05/setting-up-angular-2-in-visual-studio.html

Share this post