SharePoint Framework 开发工具和库-阿里云开发者社区

开发者社区> 开发与运维> 正文

SharePoint Framework 开发工具和库

简介: 博客地址:http://blog.csdn.net/FoxDave SharePoint Framework包含一些客户端JavaScript库,你可以用来构建自己的解决方案。
博客地址:http://blog.csdn.net/FoxDave

SharePoint Framework包含一些客户端JavaScript库,你可以用来构建自己的解决方案。本文提供了你可以用来开发客户端web部件的工具和库的概述。

TypeScript

TypeScript是JavaScript的超类型,它以纯JavaScript编译。SharePoint客户端开发工具使用TypeScript类、模型和接口进行编译,你可以使用这些来构建强壮的客户端web部件。

开始使用TypeScript,使用以下的资源:

TypeScript Quick StartTypeScript PlaygroundTypeScript HandbookTypeScript community on Stack Overflow

JavaScript frameworks

你可以使用任意的JavaScript框架来开发客户端web部件,下面是一些最受欢迎的:

ReactAngularJS 1.xAngular 2 for TypeScript 2.xHandlebars

由于客户端web部件是拖到SharePoint页面的组件,我们建议你选择支持类似组件模型的框架。轻量级的框架如React、Handlebars和Angular 2都支持组件模型,非常适合来构建客户端web部件。

Node Package Manager(npm)

SharePoint客户端开发工具使用npm包管理器来管理依赖项和其他JavaScript帮助类,跟NuGet类似,它常常作为Node.js的一部分。

更多关于npm的信息,可以查看npm documentation

Node.js

Node.js是一个开源、跨平台的运行时环境,用来承载和服务JavaScript代码。你可以使用node.js开发服务端的JavaScript编写的web应用程序。Node.js生态环境跟npm和task runners紧密耦合,比如gulp提供了一个高效的用来构建基于JavaScript的应用程序的环境。Node.js跟IIS Express或IIS类似,但是包含了简化客户端开发的工具。

更多关于Node.js的信息,看以下内容:

About Node.jsNode.js API reference documentationNode.js Usage and Example

Gulp task runner

SharePoint客户端开发工具使用gulp作为构建进程任务运行器来:

打包和压缩JavaScript和CSS文件。在每次编译前运行工具去调用打包和压缩任务。把LESS或SASS文件编译成CSS。(LESS和SASS是CSS的两种扩展,类似的就是TypeScript之于JavaScript)把TypeScript文件编译成JavaScript。

更多关于gulp的信息,看以下内容:

Getting started with GulpTypeScript and GulpArticles about Gulp

Webpack

Webpack是一个模块打包工具,它把你的web部件文件打包为依赖项并生成一个或多个JavaScript包以便可以在不同的场景加载不同的包。

开发工具链条使用CommonJS来打包。这使得你能够定义模块并选择在哪使用他们。工具链条还使用SystemJS来加载你的模块,它是一个通用的模块加载器。这帮助你确保你的每个web部件在各自的命名空间下执行。

更多关于webpack的信息,看以下内容:

Webpack documentationTypeScript, React, and Webpack

Yeoman generators

Yeoman帮助你快速启动新的项目,提供最佳实践和工具来保证你的生产力。SharePoint Yeoman生成器将会作为快速新建客户端web部件项目的一部分提供给开发者。当项目被生成后,你可以使用你喜欢的IDE像Visual Studio或HTML/JavaScript代码编辑器像Visual Studio CodeSublime TextAtom

更多关于Yeoman的信息,看以下内容:

Scaffold a web app with YeomanList of available Yeoman generators

下面是一些你可以使用的常见的Yeoman生成器,取决于你选择的框架:

generator-react-webpackgenerator-angular

SharePoint REST APIs

SharePoint框架提供了SharePoint体验和目标web开发的关键集成。SharePoint REST APIs使你能够让SharePoint跟你的其他应用交互来构建你的web部件功能。

我们推荐你熟悉以下的REST API集合:

SharePoint List REST APIs

Patterns and Practices

Office Dev Patterns and Practices / SharePoint Pattern and Practices (PnP)提供了示例代码、模式和其他资源来帮助你将现有解决方案转换到SharePoint Framework。一定要去熟悉PnP上的示例代码和指引。


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章