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