你可以使用Visual Studio或者你自己的开发环境来开发SharePoint client-side web parts。你可以使用Mac或者Linux环境。在进行下面操作之前,请确保你已经配置好了Office 365的环境。
安装开发工具
- NodeJS
安装装NodeJS(LTS) v4.x.x 版本
安装完Node之后,请确使用如下命令安装npm V3版本npm -g install npm@3
如果是Linux Ubuntu系统可能可能会返回Permission denied的错误,可以使用如下命令安装
sudo npm -g install npm@3
- 代码编辑工具
安装代码编辑器,你可以使用任何code编辑器或者支持client-side开发的IDE来开发web part,例如:
一下和后续的介绍都将采用Visual Studio Code作为IDE进行讲解
- 如果你使用PC开发
你需要安装window-build-tools,这个tool会安装Visual C++ Build Tools 2015,这个tool是微软免费的,这些工具会用来编译本地的module。同时还会安装Python 2.7,配置本地的机器和npm。
运行如下命令进行安装
npm install --global --production windows-build-tools
- 如果你使用Visual Studio
如果你想要使用Visual Studio作为你的开发工具,需要安装如下工具和更新
- 如果你使用的Ubuntu
你需要使用如下命令安装编译工具
sudo apt-get install build-essential
- 如果你使用的fedora
你需要使用如下命令安装编译工具
sudo yum install make automake gcc gcc-c++ kernel-devel
- 安装Yeoman和Gulp
Yeoman用于创建新的工程,并且提供了示例和工具用于帮助你保持生产力,SharePoint client-side开发工具包含了一个Yeoman生成工具,用于创建新的webpart。这个生成工具包含了:打包工具,公共的模板代码和一个用于host web part的站点。
使用如下命令可以安装Yeoman和gulp
npm i -g yo gulp
- 安装Yeoman SharePoint generator
Yeoman SharePoint web part generator帮助你快速创建带有正确的toolchain和结构的的SharePoint client-side solution工程,使用如下命令安装Yeoman SharePoint Generator:
npm i -g @microsoft/generator-sharepoint
- 其它可选工具
注意:SharePoint Framework目前正处于Preview阶段,随时会进行一些更改。SharePoint Framework Client-side web parts在Office 365的生产环境中暂时不支持。