Add Breeze Libraries From Nuget to SharePoint 2013 Apps

Here is the small/basic/introductory procedure to add the Breeze library to a SharePoint 2013 solution. The base of this article was laid out in my previous article as this will save.

Note: I am using the Visual Studio 2013 Version.

Step 1 : Open SharePoint 2013 App solution in Visual Studio 2013.

Step 2 : Right-click on the project and select "Manage Nuget Packages".


Step 3 : On the top right side, Type "breeze" and click Search.

Step 4 : Select "Breeze Labs: Breeze + Angular for SharePoint 2013" from the results and click Install.

Step 5 : The preceding step will install 3 packages i) "Breeze Labs: Breeze Angular Service" ii) "Breeze Labs: Breeze Metadata Helper" iii) "Breeze Labs: Breeze + Angular for SharePoint 2013". Close the Nuget Manager.


Step 6 : In the SharePoint 2013 App project, under the Scripts folder you could add all the new Breeze related files to the solution.

Step 7 : I have added the required files to the header section of the default.aspx page, as shown below:

  1. <!-- breeze & dependent libraries -->  
  2. <script type="text/javascript" src="../Scripts/q.js"></script>  
  3. <script type="text/javascript" src="../Scripts/breeze.debug.js"></script>  
  4. <script type="text/javascript" src="../Scripts/breeze.labs.dataservice.abstractrest.js"></script>  
  5. <script type="text/javascript" src="../Scripts/breeze.labs.dataservice.sharepoint.js"></script>  
  6. <script type="text/javascript" src="../Scripts/breeze.metadata-helper.js"></script>   

Previous Article

Future Article

Example of the Breezejs library to save a ($batch) batch of Items from the UI to a SharePoint 2013 List in a single request.