.net 中 使用vue-cli的问题

Question

平时我是使用vscode来写前端页面会用到vue-cli；

现在公司后端都是使用.net来做的，然后让我们前端都是在他们的项目中直接加入cshtml文件来写页面，所以使用的编辑器都是Visual Studio。而且接口都是"../xx/delete"这样的，不是很懂.net。。。。。

想请教下，如果我用vscode的文件不在后端项目中，接口我就调用不到了；
用Visual Studio 好像不能用vue-cli。。。
有什么办法能即能调到接口又能使用vue-cli吗？

Answer 1

asp.net 项目中使用的cshtml或者引用的静态资源，在项目调试时之后仍然可以在visual studio 中进行编辑的，当然你使用 vscode 在项目外进行编辑也是可以的。

印象中使用vue-cli 唯一的目的可能就是初始化项目（不知道现在是否增加了什么新的功能没有），如果仅仅是为了在项目中引入vue进行页面的实现的话，有几种可行的方法：

1. 在cshtml中直接引入vuejs，参考页面内直接使用vue
2. 在cshtml中引入构建生成的js，和1其实差不多，只不过是将js文件单独提出了，也可通过glup,webpack等构建或打包工具进行构建，Visual Studio 中提供了Glup和Grunt的任务构建,对于webpack不知道有第三方的插件支持没有，另外也可以把构建任务放置在Visual Studio 的项目构建步骤中，这个和后端协商
3. SPA方案，使用Vue构建单页应用，然后由后端提供WebApi接口，在webpack dev server 中设置路由代理，或者，由后端提供支持跨域的接口。

当然，还有应该有其他的各种解决方案，只要想象力足够丰富。以上的前两种是在项目中进行，需要后端开发者对 asp.net 开发有一定的经验，了解构建集成的方法，第三种就是彻底的前后端分离，需要前后端对这一模式都有一定的了解。具体的实施也必须经由项目的主要管理者进行裁决。

Answer 2

vue-cli创建的项目是前后端分离的，.net提供restful的http接口就可以了，不需要嵌到他们的项目里

Answer 3

和我现在情况一样，后台都是.net mvc 项目启动全部依赖于vs ， 虽然现在写代码可以用vscode，但是项目启动什么的都依赖vs, 接口也是，心痛。

Answer 4

上面已经基本上都包含了，我想说的是其实 vscode 也支持 C# 的呀，装个 C# 的扩展，它会自动安装omni sharp，打开vs的解决方案，会自动识别的，按 F5 就可以直接运行。其实就是把 vscode 当成 vs 来用而以。

Answer 5

如果是SPA应用就完全没必要这样搞，说说我们的做法吧。

1. 前端和后端完全分离，是两个独立的项目，后端是一个webapi项目，前端是vue-cli生成的项目
2. vs启动后端项目，后端项目的启动操作设置为“不打开页面，等待来自外部应用的请求”
3. 在前端项目中配置反向代理，把所有数据请求反向代理到iis提供的接口上
4. 如果后端已经部署了供调试用的云端接口就更好了，本地连vs都不用开了