SharePoint Framework 配置你的SharePoint客户端web部件开发环境

博客地址：http://blog.csdn.net/FoxDave

你可以使用Visual Studio或者是你自己的开发环境来构建SharePoint客户端web部件。你可以使用Mac、PC或是Linux。

安装开发工具

NodeJS

安装NodeJS的Long Term Support（LTS）版本。

>如果你已经安装了NodeJS，请检查以确保你的是最新版本，使用命令node -v。该命令会返回当前的LTS version。

安装就正常下一步就可以了，现在官网推荐的最新版本是4.5.0，执行命令的效果如下图：

>如果你使用的是Mac，建议你使用homebrew来安装和管理NodeJS。

安装完后，确保你运行了npm的V3，使用下面的命令：

npm -g install npm@3

运行的效果如下图：

对于Ubuntu Linux命令的早期版本可能会遇到“permission denied”的错误信息，所以应该改用下面的命令运行：

sudo npm -g install npm@3

代码编辑器

安装一个代码编辑器。你可以使用任意的支持客户端开发的代码编辑器或集成开发环境（IDE）来构建你的web部件，如：

Visual Studio Code

Sublime

Atom

Webstorm

步骤和文档中的示例使用的是Visual Studio Code，但是你可以选用其他编辑器。

如果你使用的是PC

你需要安装windows-build-tools。它将会安装Visual C++ Build Tools 2015，由微软提供的免费版。构建受欢迎的本地模块需要这些工具。它还会安装Python 2.7，适当地配置你的电脑和npm。

运行下面的命令：

npm install --global --production windows-build-tools

注意这个命令需要用管理员身份运行命令行工具才能顺利执行，如下图：

如果你使用Visual Studio

如果你想要使用Visual Studio作为你的开发环境，安装下面这些需要的工具和更新：

Visual Studio 2015

Visual Studio Update 3 or later

Node.js Tools for Visual Studio

如果你使用Ubuntu

你需要使用下面的命令安装编译工具：

sudo apt-get install build-essential

如果你使用fedora

你需要使用下面的命令安装编译工具：

sudo yum install make automake gcc gcc-c++ kernel-devel

安装Yeoman和gulp

Yeoman帮助你一键创建新的项目，并提供最佳实践和工具来帮助你保证生产力。SharePoint客户端开发工具包括一个Yeoman生成器用来创建新的web部件。生成器提供了公共编译工具，公共样本代码和一个公共网站来承载web部件用于测试。

输入下面的命令安装Yeoman和gulp：

npm i -g yo gulp

安装Yeoman SharePoint生成器

Yeoman SharePointweb部件生成器帮助你快速创建一个带有正确的工具组和结构的SharePoint客户端解决方案项目。

输入下面的命令安装Yeoman SharePoint生成器：

npm i -g @microsoft/generator-sharepoint

可选工具

下面是一些有用的其他工具：

Fiddler

Postman plugin for Chrome

Cmder for Windows

Oh My Zsh for Mac

Git source control tools

下一步

创建第一个客户端web部件，将在下一讲进行介绍。