2012-12-05 29 views
1

我正在使用Razor引擎處理ASP.NET MVC4網站。我發現放慢速度的一件事是網站的設計和造型。目前,我編輯我的視圖,加載網站,轉儲HTML源代碼,然後使用Expression Web進行編輯。使用ASP.NET MVC4和Razor設計HTML5頁面

這很痛苦。它需要創建一個包含所有正確的css文件的臨時位置,創建「假」html頁面,然後在編輯器中加載它們以獲得我想要的外觀,然後編輯我的剃鬚刀視圖以複製該外觀。

我覺得我做錯了。但我還沒有看到其他的選擇。我夢想有一些像設計視圖一樣的WPF,但我不認爲這存在。除此之外,人們如何使用MVC和Razor設計富互聯網應用程序?

+2

我曾在做MVC的大多數網絡商店都運行visual studio,只是對視圖進行修改並刷新視圖。隨着Chrome開發人員工具的出現,我們只是直接在Chrome上開發,而不使用除VS之外的其他任何東西。 –

+0

感謝保羅,這幾乎是我一直在做的 - 我使用表達式網絡來處理一些事情(div佈局,css創建和編輯),然後使用chrome開發工具來微調頁面。 – Nicros

回答

2

我會推薦使用Visual Studio進行高效的開發環境。 Click here to download VS 2012

這是非常有效的,因爲所有文件類型都可以從這個工具訪問和更改,不需要轉儲文件。這是微軟的寶貝,他們花了很多時間和精力將它變成.NET開發人員的終極工具。

+1

對不起,我沒有得到你的答案。我使用VS2012編寫我的應用程序。我知道我可以訪問所有文件類型,但是如何設計頁面? VS不會直接渲染Razor。那麼如何查看頁面來設計它而不顯示頁面,然後保存html以進行編輯?無論我使用VS還是Expression Web,問題都是一樣的。 – Nicros

1

VS的頁面檢查器功能是否可以解決您的一些問題? http://msdn.microsoft.com/en-us/vs11trainingcourse_pageinspector.aspx

+1

這就像在Chrome或IE中打F12一樣......我可以啓用和禁用樣式和屬性,但更改不會持久保存到cshtml頁面......至少它是並排的。但這不是對樣式和佈局頁面的改進。轉儲到HTML和使用Expression Web仍然更有效。 – Nicros