【问题标题】:set up aurelia with vs 2015用 vs 2015 设置 aurelia
【发布时间】:2017-02-27 13:58:19
【问题描述】:

我有 followed the instructions 在安装 aurelia 以与 Visual Studio 一起工作

即你应该:

打开命令行并将目录更改为您的 Web 项目的项目文件夹。这是包含 .xproj 文件的文件夹。在此文件夹中,您可以执行以下命令 au new --here,它将在此项目文件夹中设置 Aurelia “here”。系统将提示您选择所需的平台。只需选择“ASP.NET Core”。

我已经完成了上述操作并最终得到了这个:

我不明白这应该如何工作(而且它不起作用)

index.html 是唯一位于 wwwroot 内的文件,当您发出 au build 时,组件将内置到位于 wwwroot 之外的 scripts 文件夹中。

推荐的方法是什么?您是否应该指示 au cli 构建到 wwwroot 中?

另外,au run(它也无法找到 index.html)不是开发应用程序的首选方式,因为它运行自己的网络服务器,我希望 aurelia 应用程序与 Web api 后端对话通过视觉工作室运行。

如果在 UI 发生变化时 Visual Studio 能以某种方式自动发出 au build,这样您就不必转到命令行,那将是一件好事。

【问题讨论】:

    标签: visual-studio-2015 .net-core aurelia


    【解决方案1】:

    当您从 wwwroot 内部运行基于节点的应用程序时,我发现 VS2015 相对缓慢。

    当然你可以隐藏一些文件夹 How can I hide files from Solution Explorer by name in VS2015? 但当我更改节点文件夹时(例如,当您通过 npm 安装包时),我仍然发现 VS 不断锁定并变慢。

    这是我的设置:

    1. 创建你的 VS2015 Asp.Net Core 项目.\SolutionFolder\WebApplication
    2. 在 Asp.Net Core 之外创建一个单独的文件夹.\SolutionFolder\WebUi
    3. 运行au new,我总是选择:
      • 默认设置:3 - Custom
      • 转译器:2 - Typescript
      • 模板:3 - Maximum Minification(与开发过程无关)
      • CSS 处理器:2 - Less - 随意选择你自己的处理器,我喜欢less
      • 默认代码编辑器:1 - Visual Studio Code https://code.visualstudio.com/
    4. 然后在我的项目中的Startup.cs 中,我告诉我的应用加载自定义文件夹:

      #if DEBUG
      app.UseFileServer(new FileServerOptions()
      {
          FileProvider = new PhysicalFileProvider(@"FullPath\SolutionFolder\WebUi"),
          RequestPath = new PathString("/app")
      });
      #endif
      
    5. 确保在部署时将 aurelia 应用部署在 ./app 文件夹中,或者您可以尝试在根目录中部署。

    希望这对你有用。

    【讨论】:

    • 对于其他偶然发现此问题的人,我采用了一个稍作修改的解决方案,该解决方案在后端和前端都使用了 Visual Studio 2015。正如您所指出的那样,您的智慧之举是为 aurelia 项目 WebUi 创建一个单独的文件夹,然后可以通过右键单击解决方案和 Add -> Existing Web Site... 将其添加到视觉工作室 - 如果您希望隐藏 node_modules使用 Windows 资源管理器的文件夹。最后,我没有使用 app.UseFileServer,而是使用了 builder.UseWebRoot(fullPathToUiFolder),这意味着您的 asp.net 核心应用程序将为 aurelia 应用程序提供服务
    猜你喜欢
    • 2017-03-19
    • 1970-01-01
    • 1970-01-01
    • 2023-04-05
    • 2017-12-17
    • 2016-10-16
    • 1970-01-01
    • 2017-12-30
    • 1970-01-01
    相关资源
    最近更新 更多