一、前言
虽然 Vue3 已经公开了代码,但是Vue3.0还处于开发阶段,直接上手使用Typescript是不合适的 , 对于前端的老手是不错的选择, 但是如果没有研究源码经验的开发者还是建议使用完善, 成熟的源码进行入手. 而 Vue 2.x 中使用的 flow 是一个类型的校验工具, 可以简单的认为他是一个静态分析工具, 或编译检查工具.
而且非破坏式的引入, 完全可以作为我们一般开发任务的工具进行引入. 所以我们要简单介绍一下 flow 的使用, 一方面可以提升平时开发效率, 另一方面为了看明白 Vue 的源码也很有必要. 另外构建工具使用 Rollup, 因为 Vue 就是用的它, 简单明了, 比起 Webpack 没它强大, 但是够简单.
二、flow与rollup的基本用法
flow
这里推荐一下flow的官方地址,如果本章节有不够完善的地方,可以去官方进行详细的学习。https://flow.org/
flow本身只是一个静态的语法检查工具
优势:
1.足够简单,合适使用
2.可以为已有的项目,进行优化
3.为typescript做一个铺垫
准备使用:
用法:
1.使用命令行工具
a.编写代码,执行命令检查如果有问题则提示,没问题跳过(和传统编译型语言 非常相似)
2.使用IDE插件(推荐)
a.也和现在编译语言一样,我们在编写完代码之后,错误信息IDE工具会给你提示