1. 搭建webpack+babel項目
（1）全局安裝webpack和babel
npm install -g webpack babel-cli
（2）在項目根目錄割笙，安裝項目依賴
npm install babel-preset-es2015 babel-loader
（3）在項目根目錄，創(chuàng)建文件：webpack.config.js
module.exports = {
entry: {
index: './index.js',
example: './example/index.js'
},
output: {
path: './dist/',
filename: '[name].js',
libraryTarget: 'umd'
},
module: {
loaders: [{
test: /.js$/,
loader: 'babel-loader'
}]
}
};
（4）在項目根目錄，創(chuàng)建文件：.babelrc
{
"presets": [
"es2015"
],
"plugins": []
}
2. 與babel的flow插件相關
（1）全局安裝flow命令行工具
npm install -g flow-bin
（2）在項目根目錄姑廉，創(chuàng)建.flowconfig文件
touch .flowconfig
（3）安裝babel插件
npm install --save-dev babel-plugin-transform-flow-strip-types
（4）在.babelrc文件中添加插件
{
"plugins": [
"transform-flow-strip-types"
]
}
與IDE相關
（1）安裝VS Code
https://code.visualstudio.com/
（2）安裝擴展（??X）：Flow Language Support
Github：https://github.com/flowtype/flow-for-vscode
（3）修改VS Code對JavaScript的默認配置
Code -> 首選項 -> 用戶設置（?,）
搜索：javascript.validate.enable
修改為："javascript.validate.enable": false
參考
The Basics of Visual Studio Code: Configuring the Editor
Getting started with Flow
