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