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应用程序。