本文檔使用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!