脚手架使用背景
前端开发应用不再是单一的简单页面，是大型应用。
- 开发过程来说：多人协作，模块化开发，模块之间通过引用的形式，做到开发互不干扰
- 开发技术来说：模块化用到es6的导入导出。css使用scss/less,js框架使用的react jsx或 vue template,以上都不能被浏览器识别，需要使用babel,以及webpack打包工具
- 工程话来说：只要选用了一个js框架，那么整体的目录结构，包含的如路由，状态管理，打包构建等都是相似的，不同工程只是有微小的配置文件的修改。 基于以上几点，使用脚手架进行大型项目开发成了趋势
脚手架类型
vue: @vue/cli react: create-react-app angular: @angular/cli
react 脚手架create-react-app
安装
// 安装
sudo npm install create-react-app --global
// 检测版本
create-react-app --version
创建应用
// 项目名称不能有大写字母
create-react-app 项目名称
脚手架创建项目，通过cra-template会自动下载react,react-dom,react-script.
项目目录
通过 npm run start启动项目，启动3000端口，可以看到默认页面
补充介绍：
- 版本/真实版本
- pakage.json看到的是包的版本范围，不是具体的，真正下载的版本在lock中
- version:版本号
- resolved:下载的来源
- intergrity:缓存，本地有下载，不需要再下载
- required:下载这个包依赖的其他包，会一起下载
manifest.json ->实现PWA相关配置
首先这个知识点用的少，了解即可。
manifest文件就是用来给当前应用对应的网页创建客户端应用程序时，对图标的描述，用来做PWA的。
在vue脚手架创建项目的时候，可以选择PWA，这是什么呢？
下面看下PWA内容
PWA
网站想像APP一样，就需要配置一些内容，配置文件就是manifest。网页有PWA，就可以在浏览器上，点击右上角三个点，为这个网页添加桌面图标。类似于一个软件。
- PWA全称渐进式web应用程序（progressive web app）
- PWA是一个网页，可以通过web技术（vue/react）开发这个网页。
- 该网页有个特性：可以增加2个特性（APP Manifest和Service Worker）来实现PWA的安装和离线等功能。
- Service Worker用到的很多，后续可以做深入了解，做离线【脚手架老一点版本，有service worker 配置文件，新版没有啦】
有PWA功能的网页应用叫做webAPP，这类应用有以下特点：
- 可以添加到主屏幕，点击主屏幕图标可以实现其用动画和隐藏地址栏。
- 实现离线缓存，即使手机没有网络，依然能使用离线功能。
- 实现消息推送，类似微信消息
- 实现类似于Native APP 相关的功能
rebots.txt爬虫配置文件
src下的可以全干掉
