是否可以在Visual Studio中不使用.net框架来构建SPA?

时间:2016-12-21 10:06:07

标签: angularjs visual-studio-2015

标题应该是自我解释的,但以防万一。我正在尝试构建一个将在azure上托管的角度应用程序。目前我在使用红隼时遇到一些问题,所以我想在visual studio中构建应用程序,但不使用任何.net代码(所以没有startup.cs或program.cs)。 如果答案显然不是,那么我想我需要找到另一个能满足我要求的IDE。

5 个答案:

答案 0 :(得分:5)

是的。只需创建一个网站项目而不是Web应用程序项目。

https://msdn.microsoft.com/en-us/library/dd547590.aspx

  

首选网站项目的方案包括:

     

您不希望显式编译项目以进行部署。

答案 1 :(得分:3)

是的,Visual Studio很有可能在不使用.net框架的情况下开发角度的SPA。以下是使用visual studio开始使用角色SPA的步骤。

转到:文件>新>项目

从以下屏幕中选择 ASP.NET Web应用程序 enter image description here

提供名称,位置,解决方案点击确定将获得以下弹出式enter image description here

从上面的弹出窗口中选择Empty并按OK以创建项目。 现在添加一个html文件,将 index.html 添加到项目中。在index.html中写下以下代码

<head>
    <title></title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
</head>
<body>
    <div ng-app>
        Message:<input type="text" ng-model="message" />
        <hr>
        <div>Entered Message:{{message}}</div>
    </div>
</body>
</html>

你很高兴。右键单击index.html并选择View In Browser,您将在浏览器中看到类似的输出。

enter image description here

现在您可以相应地创建目录结构。以下是一些可以帮助您了解目录结构的链接。

Directory Structure Angular

Angular Folder Structure

Angular App Structure Guideliines

或者您可以按照官方Angular网站上所述的步骤开始使用Visual Studio中的角度项目

VISUAL STUDIO 2015 QUICKSTART ANGULAR

希望这有助于:)

答案 2 :(得分:2)

是的,您可以在Visual Studio中开发没有.net代码的SPA应用程序。 Visual Studio代码是另一个用于跨平台开发的 IDE

查看pluralsight

上的示例

答案 3 :(得分:1)

如果您使用节点工具来构建项目,则可能需要尝试Node.js Tools for Visual Studio

它确实支持gulp / grunt任务,并且它与azure集成。支持是通过自定义项目类型提供的。

答案 4 :(得分:0)

我的假设:您可以离线在您的网站上工作,而无需通过Azure托管位置实际关闭它。

我将尝试解决如何在Visual Studio中打开一个与基于.NET Framework的项目无关的网站。

要遵循的步骤:

一个。在您的驱动器上创建一个物理文件夹,并将您的SPA相关文件保存在其中,或者假设保留一个简单的“HelloWorld.html”文件,该文件只显示一些纯文本。

湾转到VS&gt;文件&gt;打开&gt;网站(将有四个或更多选项)     - 选择最简单的“文件系统”并指向在步骤a中创建的文件夹。

VS将打开文件夹作为网站并向其添加解决方案文件,但没有其他.NET代码与之关联。这样您就可以使用我认为您打算使用的IDE。