鍍金池/ 問答/HTML5  C#  HTML/ .net 中 使用vue-cli的問題

.net 中 使用vue-cli的問題

平時我是使用vscode來寫前端頁面會用到vue-cli;

現(xiàn)在公司后端都是使用.net來做的,然后讓我們前端都是在他們的項目中直接加入cshtml文件來寫頁面,所以使用的編輯器都是Visual Studio。而且接口都是"../xx/delete"這樣的,不是很懂.net。。。。。

想請教下,如果我用vscode的文件不在后端項目中,接口我就調(diào)用不到了;
用Visual Studio 好像不能用vue-cli。。。
有什么辦法能即能調(diào)到接口又能使用vue-cli嗎?

回答
編輯回答
命于你

asp.net 項目中使用的cshtml或者引用的靜態(tài)資源,在項目調(diào)試時之后仍然可以在visual studio 中進(jìn)行編輯的,當(dāng)然你使用 vscode 在項目外進(jìn)行編輯也是可以的。

印象中使用vue-cli 唯一的目的可能就是初始化項目(不知道現(xiàn)在是否增加了什么新的功能沒有),如果僅僅是為了在項目中引入vue進(jìn)行頁面的實現(xiàn)的話,有幾種可行的方法:

  1. 在cshtml中直接引入vuejs,參考頁面內(nèi)直接使用vue
  2. 在cshtml中引入構(gòu)建生成的js,和1其實差不多,只不過是將js文件單獨提出了,也可通過glup,webpack等構(gòu)建或打包工具進(jìn)行構(gòu)建,Visual Studio 中提供了Glup和Grunt的任務(wù)構(gòu)建,對于webpack不知道有第三方的插件支持沒有,另外也可以把構(gòu)建任務(wù)放置在Visual Studio 的項目構(gòu)建步驟中,這個和后端協(xié)商
  3. SPA方案,使用Vue構(gòu)建單頁應(yīng)用,然后由后端提供WebApi接口,在webpack dev server 中設(shè)置路由代理,或者,由后端提供支持跨域的接口。

當(dāng)然,還有應(yīng)該有其他的各種解決方案,只要想象力足夠豐富。以上的前兩種是在項目中進(jìn)行,需要后端開發(fā)者對 asp.net 開發(fā)有一定的經(jīng)驗,了解構(gòu)建集成的方法,第三種就是徹底的前后端分離,需要前后端對這一模式都有一定的了解。具體的實施也必須經(jīng)由項目的主要管理者進(jìn)行裁決。

2017年7月16日 19:04
編輯回答
你好胸

vue-cli創(chuàng)建的項目是前后端分離的,.net提供restful的http接口就可以了,不需要嵌到他們的項目里

2018年2月16日 01:57
編輯回答
不討囍

上面已經(jīng)基本上都包含了,我想說的是其實 vscode 也支持 C# 的呀,裝個 C# 的擴展,它會自動安裝omni sharp,打開vs的解決方案,會自動識別的,按 F5 就可以直接運行。其實就是把 vscode 當(dāng)成 vs 來用而以。

2017年7月30日 12:51
編輯回答
冷溫柔

和我現(xiàn)在情況一樣,后臺都是.net mvc 項目啟動全部依賴于vs , 雖然現(xiàn)在寫代碼可以用vscode,但是項目啟動什么的都依賴vs, 接口也是,心痛。

2017年6月2日 05:07
編輯回答
悶油瓶

如果是SPA應(yīng)用就完全沒必要這樣搞,說說我們的做法吧。

  1. 前端和后端完全分離,是兩個獨立的項目,后端是一個webapi項目,前端是vue-cli生成的項目
  2. vs啟動后端項目,后端項目的啟動操作設(shè)置為“不打開頁面,等待來自外部應(yīng)用的請求”
  3. 在前端項目中配置反向代理,把所有數(shù)據(jù)請求反向代理到iis提供的接口上
  4. 如果后端已經(jīng)部署了供調(diào)試用的云端接口就更好了,本地連vs都不用開了
2018年5月23日 19:45