你可以使用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,但是你可以选用其他编辑器。
如果你使用的是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 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
可选工具
下面是一些有用的其他工具:
下一步
创建第一个客户端web部件,将在下一讲进行介绍。