SharePoint Online 开发篇:SharePoint Framework 基本概念

Blog链接:https://blog.51cto.com/13969817

如果大家想学习SharePoint Framework,需要了解一些基础知识,这对 classic SharePoint 开发人员来说非常重要,因为我们面对的是modern开发,一个可能并不熟悉的工具。

首先,我们来熟悉一下Node.js和基于npm的开发:

  • 类似.json
  • Node Package Manager(npm)
  • Yarn(推荐)

    Webpack 是非常流行的Module Bundlers,它是SharePoint Framework所选择的,所以我们需要对它有一些基本了解。

  • 是一个模块捆绑器
  • Modern Solution是建立在他人工作的基础上的
  • Modern Framework的规模越来越大
  • Module Bundlers允许我们使用CSS、JavaScript、图像等做延迟加载,捆绑等等更多事情

作为一名开发人员,我们经常被卷入更复杂的项目中,一个简单的hello world应用程序并不适用于我们,我们需要学习一下比较重要的Yeoman。

  • 任何基于npm的项目都有许多依赖项、脚本、构建步骤和任务,SharePoint Framework也是如此。
  • 在Visual Studio中有File\New Project, 它会帮我们设置好一切
  • 在基于npm的开发中,与file\new project完全等价的是Yeoman Generator
  • SharePoint Framework是基于Yeoman Generator的

TypeScript,无论你多么擅长JavaScript,你都会在其中犯错误,原因是JavaScript语言从来就不是用来写复杂的程序。

  • JavaScript从未被设计成在百万行代码之上编写复杂程序的语言
  • TypeScript,将为你提供未来的高级语言概念和特性,但是它确实引入了转换的步骤
  • SharePoint Framework依赖于TypeScript

基于web开发带来的另一个candidate是CSS,Syntactically Awesome Style Sheets (SASS)

  • CSS作为一种语言比较脆弱
  • 多个浏览器和标准使得管理更加困难
  • Modern Application的需求,复杂程度,特性,CSS3,主题化的需求等使得管理更加困难。
  • SASS是一种转换为CSS的语言,使CSS更容易理解和管理
  • SharePoint Framework 可以使用SASS

一旦我们有了需求背景,我们就会安装SharePoint Framework所需的工具,我们将设置Yeoman生成器,获取Office 365 订阅,然后编写我们的SharePoint Framework应用程序。

相关推荐