本文档使用npm安装,如需要其他安装方式,请查阅[Flow官网](https://flowtype.org/)。
### **第一步:**
建立一个项目文件夹,并在其中新建src和lib两个文件夹,src是源码存放的路径,lib则是存放编译后的文件。当然,这两个文件夹的名称你可以根据自己的喜好来命名。
### **第二步:**
需要有一个编译器来处理Flow类型,在此我们选择[Babel]([https://www.babeljs.cn/](https://www.babeljs.cn/))。
在你的项目根目录下安装babel-cli 和 babel-preset-flow 两个npm包。
~~~
npm install --save-dev babel-cli babel-preset-flow
~~~
### **第三步:**
创建一个.babelrc文件,内容如下:
~~~
{
"presets": ["flow"]
}
~~~
### **第四步:**
创建package.json文件,内容如下:
~~~
{
"name": "my-project",
"main": "lib/index.js",
"scripts": {
"build": "babel src/ -d lib/"
}
}
~~~
### **第五步:**
安装Flow包,
~~~
npm install --save-dev flow-bin
~~~
然后在package.json中添加flow的运行命令,如下:
~~~
{
"name": "my-project",
"main": "lib/index.js",
"scripts": {
"build": "babel src/ -d lib/",
"flow": "flow"
},
"devDependencies": {
"flow-bin": "^0.102.0"
}
}
~~~
### **第五步:**
运行Flow,在这里需要注意的是,如果是项目首次运行Flow,需要先初始化Flow,
~~~
npm run flow init
~~~
> PS E:\Flow> npm run flow init
>\> my-project@ flow E:\Flow
>\> flow "init"
之后再运行npm run flow即可,
~~~
npm run flow
~~~
>PS E:\Flow> npm run flow
>\> my-project@ flow E:\Flow
>\> flow
>No errors!