You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/spfx/set-up-your-developer-tenant.md
+6-8Lines changed: 6 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -56,20 +56,18 @@ Choose **OK** to create the site collection.
56
56
57
57
SharePoint will create the developer site and you will be able to see its progress in the SharePoint admin center. After the site is created, you can browse to your developer site collection.
58
58
59
-
## Put the SharePoint Workbench in the document library
60
-
You need the SharePoint Workbench on your developer site to test your web parts on SharePoint. SharePoint workbench is a developer design surface that enables you to quickly preview and test web parts without deploying them in SharePoint. This procedure uses the default document library in your site collection. This will be called **Documents** in the left navigation.
59
+
## SharePoint Workbench
60
+
SharePoint Workbench is a developer design surface that enables you to quickly preview and test web parts without deploying them in SharePoint. SharePoint Framework developer toolchain contains a version of the Workbench that works locally and helps you quickly test and validate solutions you are building. It is also hosted in your tenancy to preview and test your local web parts in development. You can access the SharePoint Workbench from any SharePoint site in your tenancy by browsing to the following URL:
61
61
62
-
* Download the [workbench.aspx](https://raw.githubusercontent.com/SharePoint/sp-dev-docs/master/workbench.aspx) file to your local computer. To do this:
63
-
- Save opened workbench.aspx to your computer. Typically you'd do this by right clicking the page and chosing *"Save as..."*
64
-
* Upload the file to the **Documents** library in the developer site collection from your computer. To do this:
65
-
- Open the **Documents** library on SharePoint.
66
-
- Drag and drop the workbench.aspx to the **Documents** library. Or you can choose **Upload** from the **Documents** library and locate and upload the workbench.aspx file.
You will get an error If you are using a SharePoint site that was provisioned using a self-service site creation. We recommend using a developer site collection or a SharePoint site that was not created using a self-service site creation.
71
69
72
-
If you get the following exception when moving to the `workbench.aspx` page:
70
+
If you get the following exception accessing the SharePoint Workbench:
73
71
74
72
```
75
73
"The requested operation is part of an experimental feature that is not supported in the current environment. The requested operation is part of an experimental feature that is not supported in the current environment."
Copy file name to clipboardExpand all lines: docs/spfx/tools-and-libraries.md
+10-2Lines changed: 10 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -68,8 +68,7 @@ Form more information about webpack, see the following:
68
68
*[TypeScript, React, and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html)
69
69
70
70
## Yeoman generators
71
-
[Yeoman](http://yeoman.io/) helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.
72
-
SharePoint Yeoman generator will be available as part of the framework to kickstart new client-side web part projects. Once the project is generator, you can use your choice of IDEs like [Visual Studio](https://www.visualstudio.com/products/visual-studio-community-vs) or HTML/JavaScript code editors like [Visual Studio Code](https://code.visualstudio.com/) or [Sublime Text](https://www.sublimetext.com/) or [Atom](https://atom.io/).
71
+
[Yeoman](http://yeoman.io/) helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. SharePoint Yeoman generator will be available as part of the framework to kickstart new client-side web part projects.
73
72
74
73
For more information about Yeoman, see the following:
75
74
@@ -81,6 +80,15 @@ The following are some common Yeoman generators that you can try, depending on y
SharePoint Framework is client-side driven and thus you can use your choice of HTML/JavaScript code editors, such as:
85
+
86
+
*[Visual Studio Code](https://code.visualstudio.com/)
87
+
*[Atom](https://atom.io)
88
+
*[Webstorm](https://www.jetbrains.com/webstorm)
89
+
90
+
SharePoint Framework documentation uses Visual Studio code in the docs and examples. Visual Studio Code is a lightweight but powerful source code editor from Microsoft which runs on your desktop and is available for Windows, Mac and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP) and runtimes.
91
+
84
92
## SharePoint REST APIs
85
93
86
94
The SharePoint Framework provides key integrations with SharePoint experiences and targets web development. The SharePoint REST APIs enable you to interact with SharePoint and other workloads that shape your web part functionality.
Copy file name to clipboardExpand all lines: docs/spfx/web-parts/get-started/build-a-hello-world-web-part.md
+3-4Lines changed: 3 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -59,14 +59,13 @@ When the scaffold is complete, you should see the following message indicating a
59
59
For information about troubleshooting any errors, see [Known issues](../basics/known-issues).
60
60
61
61
### Using your favorite Code Editor
62
-
Because the SharePoint client-side solution is HTML/TypeScript based, you can use any code editor or IDE that supports client-side development to build your web part, such as:
62
+
Because the SharePoint client-side solution is HTML/TypeScript based, you can use any code editor that supports client-side development to build your web part, such as:
63
63
64
64
*[Visual Studio Code](https://code.visualstudio.com/)
65
-
*[Sublime](https://www.sublimetext.com/)
66
65
*[Atom](https://atom.io)
67
66
*[Webstorm](https://www.jetbrains.com/webstorm)
68
67
69
-
>**Note:** This article uses Visual Studio code in the steps and examples. You can use any code editor that you prefer.
68
+
SharePoint Framework documentation uses Visual Studio code in the steps and examples. Visual Studio Code is a lightweight but powerful source code editor from Microsoft which runs on your desktop and is available for Windows, Mac and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP) and runtimes..
70
69
71
70
## Preview the web part
72
71
To preview your web part, build and run it on a local web server. The client-side toolchain uses HTTPS endpoint by default. However, since a default certificate is not configured for the local dev environment, your browser will report a certificate error. The SPFx toolchain comes with a developer certificate that you can install for building web parts.
@@ -354,7 +353,7 @@ The **HelloWorldWebPart.manifest.json** file defines the web part metadata such
354
353
355
354
SharePoint Workbench is also hosted in SharePoint to preview and test your local web parts in development. The key advantage is that now you are running in SharePoint context and that you will be able to interact with SharePoint data.
356
355
357
-
Go to the following URL: 'https://your-sharepoint-site/Shared%20Documents/workbench.aspx'
356
+
Go to the following URL: 'https://your-sharepoint-site/_layouts/workbench.aspx'
358
357
359
358
>**Note:** If you do not have the SPFx developer certificate installed, then Workbench will notify you that it is configured not to load scripts from localhost. Execute `gulp trust-dev-cert` command in your project directory console to install the developer certificate.
0 commit comments