MVC Web应用程序 - 前端开发人员的最佳工作流程？

Question

我为一家网络公司工作，程序员正在开发一个目前正在使用MVC框架构建的Web应用程序。作为前端开发人员，我将需要为此应用程序执行html，jquery和css。

设置包含带有cshtml文件的视图。我在这里的问题是，作为这种设置的前端人员，最好的方法是什么？

我目前正在Dreamweaver中打开文件并以这种方式编辑css和html，保存并将文件上传到我们的开发服务器。然后我进入浏览器刷新并查看我的更改。

我正在使用较少的bootstrap，如果这是重要的。另一个问题是cshtml文件与dreamweaver不太合适，我也可能只是使用纯文本编辑器，但我唯一喜欢Dreamweaver的是自动上传到FTP保存功能，这节省了我的时间

当然有更好的方法来编辑这些cshtml文件？或者是这种东西的最佳方式？我很好奇听到别人会怎么做这种工作。

谢谢，非常感谢任何输入。

Answer 1

<强> TL; DR

• 我建议你先做网页设计，至少在 原型格式（您的可交付成果将是html和css，也许是 一些js）
• 然后.net开发团队执行cshtml工作，整合您的设计
• 然后你需要在审查和修复期间参与 结果

更详细

AFAIK仍然没有Razor .cshtml文件的WYSIWYG编辑器，所以它们必须是hand crafted。

我建议你（作为网页设计师）尽可能以简单的html为开发团队提供每个网页的html + css原型（即所有html元素都带有必要的类+ id，也可能在至少需要js / jquery的第一次通过。另外，指出页面的公共位，以便开发人员可以提取Layouts /母版页和Partial Views等。

这里的基本原理是尝试编写.cshtml没有什么意义，除非你手头有.net经验以及IIS或Cassini，因为代码需要调试。如果你在更改html时破坏剃刀代码，那么FTP到服务器的缺点将是显而易见的。

然后成为开发团队的工作，以确保.cshtml生成的html与您的html布局匹配。

请记住尽可能保持html的干净，并使用css中的所有样式。

凭借时间和经验，您还应该能够掌握剃刀语法，然后您和开发团队可以转移职责，以便您同意传入和传出MVC控制器的数据（ViewModels， ViewBags，TempData和Post data / Json等），然后你可以自己在cshtml中列出html吗？

Answer 2

我通常将网站设置为在我的开发PC上从IIS运行，手动编辑Visual Studio中的cshtml和css文件，然后刷新我的浏览器以查看更改。

对于css的一些微调，我可以使用Firebug或IE Developer工具栏（取决于浏览器）在浏览器中进行实验。

Answer 3

以下是一些建议

• 您可以在Mac上创建HTML示例页面并对其进行样式化，以后可以轻松地使用布局文件。如果你对服务器端的东西不感兴趣，这是完美的。这种方式有很多样式的nuget包。对其他人来说，使用/消费更容易。您不必，但您可以创建一个nuget包，以便更容易共享。如果您不知道nuget是什么，请查看此链接http://docs.nuget.org/

• 您可以在Mac上使用parallels http://www.parallels.com/products/desktop/，使用visual studio web express和IIS

在那里测试/开发您的应用程序

• 训练营并不难。根据您的净速度，最多可能需要一个小时。

希望这有帮助