logo标签列表

在Visual Studio中，是否可以构建不使用.NET框架的SPA？

angularjsvisual-studio-2015
12

标题应该已经很明确了，但以防万一。我正在尝试构建一个将托管在Azure上的Angular应用程序。目前，我在使用kestrel时遇到了一些问题，因此我想在Visual Studio中构建应用程序，但不使用任何.NET代码（因此没有startup.cs或program.cs）。 如果答案明确是否定的话，那么我想我需要找另一个符合我的要求的IDE。

4
强烈推荐使用 Visual Studio Code 来开展这类项目。 :) - GG.
请尝试访问http://tutorialzine.com/2015/02/single-page-app-without-a-framework/，这是一个没有框架的单页应用程序教程。 - Umakant Dubey
3
我是唯一一个看着这些问题和答案并问这里发生了什么的人吗？如果您不想使用 .net，那么只需创建一个 index.html 文件，您就有了一个网站。Visual Studio 是一个编辑器，而不是一个框架。 - MindingData
5个回答
5
似乎无法正常工作，无法让Bower安装包并且无法让Grunt工作。 - r3plica
你是如何使用grunt和bower的？通过nodeJS命令行吗？Visual Studio不应该干扰。 - Kye
Bower正在通过Visual Studio（grunt同样如此）工作。 从命令行使用它似乎无法将库放入wwwroot / lib文件夹中。 我尝试将目录添加到bower.json，但没有起作用。 - r3plica
4
使用Visual Studio开发Angular SPA而不使用.NET框架是完全可能的。以下是您可以遵循的步骤，开始使用Visual Studio开发Angular 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 并选择 在浏览器中查看，你会在浏览器中看到类似于这样的输出。

enter image description here

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

Angular目录结构

Angular文件夹结构

Angular应用程序结构指南

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

VISUAL STUDIO 2015 ANGULAR快速入门

希望这有所帮助 :)
2

您可以在Visual Studio中不使用.NET代码开发SPA应用程序。 Visual studio code是另一个跨平台开发的IDE。

请查看pluralsight上的示例。

1
我的假设是：您可以在不通过Azure托管位置启动网站的情况下，离线工作于您的网站上。
我将尝试解决如何在Visual Studio中打开一个与基于.NET Framework的项目无关的网站。
按照以下步骤进行：
a. 在您的驱动器上创建一个物理文件夹，并将SPA相关文件放入其中，或者说保留一个简单的“HelloWorld.html”文件，它只显示一些纯文本。
b. 转到VS>文件>打开>网站（将显示四个或更多选项） - 选择最简单的“文件系统”，并指向第a步中创建的文件夹。
VS将打开该文件夹作为网站，并添加一个解决方案文件，但没有其他.NET代码与之关联。这样，您就可以像您想要使用的那样使用IDE。
1
如果您使用Node工具来构建项目，您可能想尝试Visual Studio的Node.js工具。它支持gulp/grunt任务，并与Azure集成。支持是通过自定义项目类型提供的。
好的信息。谢谢分享。 - DevCod
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接