2018.12.3更新，最新版本看这里看这里通过.netCore启动vue项目（或者其他用到webpack的项目，如angular）的最终解决方案

这篇文章废掉了，开发起来太麻烦。

      由于某些原因，需要通过dotnetCore来启动Vue项目，而不是平时用Vue-cli来创建Vue项目。从网上找了一些资料，踩了些坑，做了一些整理。如果有哪里说的不对或者不全的，大家告诉我，我会及时修改。
      这一篇文章是针对有外网的人写的，如果只有内网，没有外网，也是可以解决的，我会在下一篇中专门说一下内网如何用dotnetCore创建一个Vue项目。

准备工作

• vs code或者vs 2017
• node
• dotnet 下载地址

安装dotnet及Microsoft.AspNetCore.SpaTemplates

      dotnet安装完成以后 用命令行dotnet -v 可以执行的话，则安装成功。
     打开cmd 输入dotnet new --install Microsoft.AspNetCore.SpaTemplates::*完成Microsoft.AspNetCore.SpaTemplates的安装。
      这个是在线安装，还有可以离线安装，我以后会再写一篇离线安装的文章，来解决没有外网只有内网的情况下的安装问题。
离线安装方法： 点击此链接跳转

创建项目

• 先创建一个项目文件夹
• 到创建的文件夹中，cmd dotnet new vue。若提示还原成功，再cmddotnet restore,项目才创建完毕。
• 在根目录cmd运行npm install，下载依赖。
• 通过vs code或者vs 2017打开项目。

项目目录

有别于通过vue-cli创建的目录，通过dotnetCore创建的项目略有不同。

源码目录结构

与通过vue-cli创建的项目不同的是，dotnetCore创建完成以后，是xxx.vue.html，并且把js和css部分单独拿了出来，js用的是ts。不过写法还是一样的。

• app.vue.html内容:
  

index.html

至于index.html在哪里呢，我们看到有个views目录，index.html就在这里，不过名字也有变化，变成了index.cshtml。

dist目录结构

dist文件放在wwwroot目录下就可以直接使用了

运行项目

根目录下 cmd输入dotnet run启动项目， 默认是生产模式：

第一行显示生产模式，也就是运行的dist下的文件，对原码做修改是没反应的。
我们想要改成开发模式的话，也很简单，只需要改变环境变量，在cmd中输入setx ASPNETCORE_ENVIRONMENT "Development"就可以。

改完以后要注意啦，这里有个坑！ 需要把刚才启动dotnet的cmd.exe和这个改变环境变量的cmd.exe窗口都关掉，环境变量才起作用。
如果不关闭这两个cmd，即使你查看环境变量已经是Development，启动dotnet run依然会发现还是Production。
参考文章：net Core创建vuejs应用
Modern Web Development using ASP.NET Core template, Vue.js and Webpack