【脚手架与基础构建】

脚手架

定义：保证各施工过程顺利进行而搭设的工作平台

基础结构

1.package.json 是 npm 依赖管理体系下的基础配置文件。
2.选择使用 npm 或 Yarn 作为包管理器，这会在项目里添加上对应的 lock 文件，来确保在不同环境下部署项目时的依赖稳定性。
3.确定项目技术栈，在明确选择后安装相关依赖包并在 src 目录中建立入口源码文件。
4.选择构建工具，目前的主流选择还是 webpack ，对应项目里就需要增加相关的 webpack 配置文件。（可以考虑针对开发/生产环境使用不同配置文件）
5.打通构建流程，通过安装与配置各种 Loader 、插件和其他配置项，来确保开发和生产环境能正常构建代码和预览效果。
6.优化构建流程，针对开发/生产环境的不同特点进行各自优化。例如，开发环境更关注构建效率和调试体验，而生产环境更关注访问性能等。
7.选择和调试辅助工具，例如代码检查工具和单元测试工具，安装相应依赖并调试配置文件。
8.最后是收尾工作，检查各主要环节的脚本是否工作正常，编写说明文档 README.md，将不需要纳入版本管理的文件目录记入 .gitignore 等。

脚手架的定义与结构

什么是脚手架？

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

常用脚手架工具

1.Yeoman
2.Create-React-App
3.Vue CLI