2017-02-27 121 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