S. J. Lewis 365 Solutions

Hello Angular World (page 7 of 7)

Hello Angular World (from Visual Studio and Local IIS)

Pages: 1, 2, 3, 4, 5, 6, 7

Conclusion

So, we now have an ASP.NET MVC web application which is hosting a simple Hello Angular World App. and in limiting the project size and complexity it should serve as a useful “starter template”. When looking at the project, you will notice two distinct naming conventions, initially I thought this was ugly, however it has proven a useful reminder of which environment or language we are dealing with e.g. TypeScript/JavaScript or C#.

References & Useful Links

Hello.Angular.World
https://github.com/sionjlewis/Hello.Angular.World

Angular2Mvc5Application Visual Studio 2015 Template
https://marketplace.visualstudio.com/items?itemName=Payns75.Angular2Mvc5sampleapplication

Angular 2: Visual Studio 2015 Quickstart
https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html#!#prereq1

Node.js Downloads
https://nodejs.org/en/download/

Visual Studio 2015 Update 3
https://www.visualstudio.com/en-us/news/releasenotes/vs2015-update3-vs

TypeScript 2.0 is now available for Visual Studio https://blogs.msdn.microsoft.com/typescript/2016/09/22/announcing-typescript-2-0/

Download and install TypeScript 2.0 for Visual Studio 2015
http://download.microsoft.com/download/6/D/8/6D8381B0-03C1-4BD2-AE65-30FF0A4C62DA/TS2.0.3-TS-release20-nightly-20160921.1/TypeScript_Dev14Full.exe

TypeScript 2.0 is now available for Visual Studio https://blogs.msdn.microsoft.com/typescript/2016/09/22/announcing-typescript-2-0/

NPM Task Runner
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.NPMTaskRunner

Visual Studio: Package Installer
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.PackageInstaller

Task runners in Visual Studio 2015
https://blogs.msdn.microsoft.com/webdev/2016/01/06/task-runners-in-visual-studio-2015/

TypeScript Playground
http://www.typescriptlang.org/play

Specifics of npm’s package.json handling
https://docs.npmjs.com/files/package.json

How npm handles the “scripts” field
https://docs.npmjs.com/misc/scripts

TypeScript Configuration
https://angular.io/docs/ts/latest/guide/typescript-configuration.html

Angular 2 QuickStart / systemjs.config.js
https://github.com/angular/quickstart/blob/master/systemjs.config.js

ASP.NET MVC: Bundling and Minification
https://www.asp.net/mvc/overview/performance/bundling-and-minification

Pages: 1, 2, 3, 4, 5, 6, 7

January 15, 2017

Siôn Lewis

Code, Configuration, Development, Visual Studio, Visual Studio 2015

Angular, Angular 2, ASP.NET, C#, JavaScript, MVC, MVC 5, NPM, NPM (Node Package Manager), NPM Package, TypeScript, TypeScript 2

Categories

Recent Posts

Canvas Apps: Get more component has moved
The ‘Get more components’ button has moved and has become a small icon near the top of the Insert menu.
PoC Image Viewer
Demonstration of how a Canvas App can be used, with the help of a Cloud Flow, to show the latest image in a SharePoint library.
Embarking on the Power Platform Journey: A Guide to Governance for Organisations
This article provides a guide for organizations beginning with the Power Platform on Microsoft 365 licenses. It outlines steps to secure and optimize the ‘Default’ environment, such as creating a strategy document, managing user roles, setting up a hub, establishing DLP policies, ensuring Exchange integration, and applying cross-tenant isolation. It advises continual updates, communication, and advanced strategies like installing the CoE Starter Kit as the organization’s usage matures, underpinning the necessity for ongoing review and improvement in Power Platform governance.
Records Management Sample Metadata
Managed metadata in SharePoint efficiently organizes and classifies content. Two illustrative lists demonstrate its power: one hierarchically outlines functions, activities, and sub-activities; the other maps departments, locations, and document types.
I asked Microsoft Copilot, Is SharePoint…?
SharePoint stays relevant in the AI era with Copilot integration. Microsoft enhances SharePoint with Large Language Models, Microsoft Graph data, and new content creation tools for efficient collaboration. It enhances content management, deepens engagement through integrations, and offers a flexible, evolving platform for tailored user experiences and custom applications.

Archive