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-development-environment.md
+20-15Lines changed: 20 additions & 15 deletions
Original file line number
Diff line number
Diff line change
@@ -11,16 +11,16 @@ You can use Visual Studio, or your own custom development environment to build S
11
11
12
12
>**Note:** Before following the steps in this article, be sure to [Set up your Office 365 Tenant](./set-up-your-developer-tenant.md).
13
13
14
-
You can also follow these steps by watching the video on the [SharePoint PnP YouTube Channel](https://www.youtube.com/watch?v=_fxYexlUhe0&t=5s&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=1).
14
+
You can also follow these steps by watching the video on the [SharePoint PnP YouTube Channel](https://www.youtube.com/watch?v=_fxYexlUhe0&t=5s&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq&index=1).
<img src="../images/spfx-youtube-tutorial0.png" alt="Screenshot of the YouTube video player for this tutorial" />
18
18
</a>
19
19
20
-
21
20
## Install developer tools
22
21
23
22
### NodeJS
23
+
24
24
Install [NodeJS](https://nodejs.org/en/) Long Term Support (LTS) version.
25
25
26
26
* If you have NodeJS already installed please check you have the latest version using `node -v`. It should return the current [LTS version](https://nodejs.org/en/download/).
@@ -29,27 +29,28 @@ Install [NodeJS](https://nodejs.org/en/) Long Term Support (LTS) version.
29
29
> Notice that SPFx build pipeline does **NOT** currently support npm v5.x, so you'll need to use either v3 or v4. At the time of the writing, NodeJS LTS version (v6.11.0) installs npm v3.10.10. We'll update this section when there are changes in the supportability statement. You can downgrade to older npm version with following command `npm install -g npm@3`.
30
30
31
31
### Code Editors
32
+
32
33
Install a code editor. You can use any code editor or IDE that supports client-side development to build your web part, such as:
33
34
34
35
*[Visual Studio Code](https://code.visualstudio.com/)
35
36
*[Atom](https://atom.io)
36
-
*[Webstorm](https://www.jetbrains.com/webstorm)
37
+
*[Webstorm](https://www.jetbrains.com/webstorm)
37
38
38
-
The steps and examples in this documentation use [Visual Studio Code](https://code.visualstudio.com/), but you can use any editor of your choice.
39
+
The steps and examples in this documentation use [Visual Studio Code](https://code.visualstudio.com/), but you can use any editor of your choice.
39
40
40
41
### If you are using Ubuntu
41
42
42
43
You need to install compiler tools using the following command:
43
-
44
-
```
44
+
45
+
```sh
45
46
sudo apt-get install build-essential
46
47
```
47
48
48
49
### If you are using fedora
49
50
50
51
You need to install compiler tools using the following command:
51
-
52
-
```
52
+
53
+
```sh
53
54
sudo yum install make automake gcc gcc-c++ kernel-devel
[Yeoman](http://yeoman.io/) helps you kick-start new projects, and prescribes best practices and tools to help you stay productive. SharePoint client-side development tools include a Yeoman generator for creating new web parts. The generator provides common build tools, common boilerplate code, and a common playground web site to host web parts for testing.
59
60
60
61
Enter the following command to install Yeoman and gulp:
61
-
62
-
```
62
+
63
+
```sh
63
64
npm install -g yo gulp
64
65
```
65
66
66
67
## Install Yeoman SharePoint generator
67
68
68
69
The Yeoman SharePoint web part generator helps you quickly create a SharePoint client-side solution project with the right toolchain and project structure.
69
70
70
-
Enter the following command to install the Yeoman SharePoint generator:
71
-
72
-
```
73
-
npm install -g @microsoft/generator-sharepoint
71
+
To install the SharePoint Framework Yeoman generator globally, enter the following command:
72
+
73
+
```sh
74
+
npm install -g @microsoft/generator-sharepoint
74
75
```
75
-
>**Note:** Yeoman generator for SharePoint is targeted to get deployed globally with the initial General Availability (GA) version. There are some known issues if it's installed locally to the project, which are planned to be addressed post GA.
76
76
77
+
If you need to switch between the different projects created using different versions of the SharePoint Framework Yeoman generator, you can install the generator locally as a development dependency in the project folder by executing the following command:
0 commit comments