2017-02-27 123 views
1

followed the instructions上安装奥里利亚与Visual Studio工作建立奥里利亚在VS 2015年

也就是说,你应该:

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

我也做了以上,结束了这一点:

enter image description here

我不明白这是如何工作的(它不工作)

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

推荐此方法的推荐方法是什么?你是否应该指导au cli建立wwwroot?

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

作为奖励,它会很好,如果某种方式Visual Studio可以自动发出au build当用户界面发生变化,所以你不必去命令行。

回答

1

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

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

因此,这里是我的设置:

  1. 创建VS2015 Asp.Net核心项目.\SolutionFolder\WebApplication
  2. 的ASP之外创建一个单独的文件夹。网络核心.\SolutionFolder\WebUi
  3. 运行au new,我总是选择去:
    • 默认设置:3 - Custom
    • Transpiler:2 - Typescript
    • 模板:3 - Maximum Minification(而不是它的发展过程中相关的)
    • CSS处理器:2 - Less - 随意选择你自己的处理器,我就像少了
    • 默认代码编辑器:1 - Visual Studio Codehttps://code.visualstudio.com/
  4. 然后在我的项目Startup.cs我告诉我的应用程序加载自定义文件夹:

    #if DEBUG 
    app.UseFileServer(new FileServerOptions() 
    { 
        FileProvider = new PhysicalFileProvider(@"FullPath\SolutionFolder\WebUi"), 
        RequestPath = new PathString("/app") 
    }); 
    #endif 
    
  5. 确保当你部署你的./app文件夹或可替换地部署奥里利亚应用你可以尝试在root中进行部署。

希望这对你有用。

+0

对于任何其他谁发现这一点,我去了一个稍微修改的解决方案,使用Visual Studio 2015的后端和前端。 智慧之笔正如您指示为aurelia项目'WebUi'设置单独的文件夹,然后通过右键单击该解决方案并添加 - >现有网站... - 您可以将其添加到Visual Studio中 - 您如果你希望使用Windows资源管理器隐藏'node_modules'文件夹。最后,而不是使用'app.UseFileServer'我使用了'builder.UseWebRoot(fullPathToUiFolder)'这意味着你的asp.net核心应用将服务于aurelia应用 – wal