Visual Studio 2015/2017 与ASP.NET CORE 联合创建具有SPA模式的Angular2模板

　　虽然注册博客园很久，但是一直没有什么可写的，真心感觉好尴尬了，这次终于找到了一点可以写，有点小兴奋和小害羞呢。

　　进入主题，前端SPA模式越来越受到欢迎，Core 也开始被很多企业提上日程，但是因为这个东西很多时间需要配置，显得十分恶心与繁琐，不能牢记配置命令简直就是“天灾”。那么现在针对这个问题，你有一个新的选择(本篇以Angular2 为例)。

　　前提：请检查是否已经安装了nodejs 6.0或以上版本。

　　首先打开 “命令行”，并输入一下命令

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

　　效果如图：

　　很明显，相关模板已经安装成功，这个之后你也发现了，这个模板不仅仅安装了Angular2 ，也加载了其他使用SPA模式JS 框架，如大家熟悉的vue.

　　安装成功之后，创建项目的方式跟创建一般Core项目一样，(angular2为例)命令如下：

dotnet new angular

　　现在我们的项目就建立成功啦！

　　效果图如下：

　　(遮掉的是打开之后生成的，甭管O(∩_∩)O)

　　然后我们右键选择csproj文件使用VS 2015/2017 打开，然后使用“CTRL+F5”让其自动还原其配置并预览，噔噔噔噔~！一个基于SPA的angular2 asp.net Core项目就完美建立完成啦！运行效果图如下：

　　是不是很漂亮？！

Visual Studio 2015/2017 与ASP.NET CORE 联合创建具有SPA模式的Angular2模板相关推荐

Visual Studio 2015发布以及ASP.NET 5路线图
Microsoft released Visual Studio 2015 today! You can watch the keynote video from today with me, Som ...
visual studio 2015 2017 key vs2015 vs2017密钥
Visual Studio Professional 2015简体中文版(专业版) KEY:HMGNV-WCYXV-X7G9W-YCX63-B98R2 Visual Studio Enterprise ...
下载最新版 VC_redist.x86.exe / VC_redist.x64.exe for Visual Studio 2015, 2017, 2019, and 2022
目录 1.如何处理程序需要的C/C++运行时库? 2.VC_redist.x64.exe的主界面以及支持的命令行参数 3.到微软官网上下载最新版本的VC_redist.x86.exe / VC_red ...
Visual Studio 2015和2017里面应该创建哪种 Class Library
微软有些时候是一副不讲道理的大家长作风.一个例子就是它在 Visual Studio 2015/2017 里面配置了一大堆普通人没法理解的 Class Library 模板. 你真的知道应该选哪个吗? ...
使用Visual Studio 2015 开发ASP.NET MVC 5 项目部署到Mono/Jexus
最新的Mono 4.4已经支持运行asp.net mvc5项目,有的同学听了这句话就兴高采烈的拿起Visual Studio 2015创建了一个mvc 5的项目,然后部署到Mono上,浏览下发现一堆错 ...
(win10 64位系统中)Visual Studio 2015+OpenCV 3.3.0环境搭建，100%成功
(win10 64位系统中)Visual Studio 2015+OpenCV 3.3.0环境搭建,100%成功 Visual Studio 2015下载地址:https://msdn.itellyo ...
Visual Studio 2015 RC中的ASP.NET新特性和问题修正
(此文章同时发表在本人微信公众号"dotNET每日精华文章") 微软在Build大会上发布了Visual Studio 2015 RC,这也预示着Visual Studio 201 ...
Visual Studio 2015打开ASP.NET MVC的View提示“Object reference not set to an instance of an object“错误的解决方案
Visual Studio 2015打开ASP.NET MVC的View提示"Object reference not set to an instance of an object&quo ...
旧版VS安装 Visual Studio 2019/2017/2015官方安装教程
安装VisualStudio找不到官方版本?只能找到第三方?害怕中毒? 不要急,本文例举了VS 2019 2017 2015的官方位置,不用但心装成第三方Visual Studio 百度搜索 Visu ...

Visual Studio 2015/2017 与ASP.NET CORE 联合创建具有SPA模式的Angular2模板

Visual Studio 2015/2017 与ASP.NET CORE 联合创建具有SPA模式的Angular2模板相关推荐

最新文章

热门文章