We will see in this article how to configure angular in
visual studio. So for this first, we will go https://github.com/angular/quickstart
and download of a ZIP file and after that, we will go to our downloaded folder and
extract the file.
After that, we will copy of the selected files and paste in our visual studio root folder
After that right click of include of the selected file
Now we are going to add node_modules file so for that right click of the package file and select the option Restore Packages
After that just wait a few minutes after that you find the folder node_modules
Now we need some change the path according to our system
first, go index.html page and change
After that, we will copy of the selected files and paste in our visual studio root folder
Now we are going to add node_modules file so for that right click of the package file and select the option Restore Packages
After that just wait a few minutes after that you find the folder node_modules
first, go index.html page and change
<!DOCTYPE html>
<html>
<head>
<title>Angular QuickStart</title>
<base href="/src/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<link href="styles.css" rel="stylesheet" />
<!--
Polyfill(s) for older browsers -->
<script src="../node_modules/core-js/client/shim.min.js"></script>
<script src="../node_modules/zone.js/dist/zone.js"></script>
<script src="../node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
System.import('main.js').catch(function (err) { console.error(err); });
</script>
</head>
<body>
<my-app>Please wait Angular
application is loading ...</my-app>
</body>
</html>
And you want to install bootstrap or jquery then go this link
No comments:
Post a Comment