flow初识

flow

• IDE工具：vscode
• 目标环境：babel + eslint + flow

1. 安装vscode插件 vscode-flow-ide
2. 安装相关依赖
   eslint-plugin-flowtype

   npm i flow-bin # 安装 flow-bin
   npm install eslint babel-eslint eslint-plugin-flowtype --save-dev
   # npm i eslint-plugin-prettier # 安装prettier插件
   npm i @babel/preset-flow
   npm i babel-plugin-transform-class-properties # 类的属性转化
   

3. 配置vscode的settings.json

   {
     "eslint.enable": true,
     // "flowide.pathToFlow": "./node_modules/flow-bin/flow-win64-v0.129.0/flow.exe",
     "flowide.useCodeSnippetsOnFunctionSuggest": true,
     "typescript.validate.enable": false,
     "javascript.validate.enable": false
   }
   

4. 配置babel.config.js

   module.exports = {
     presets: [
       ['@babel/preset-flow'],
       /** https://babeljs.io/docs/en/babel-preset-env */
       [
         '@babel/preset-env',
         {
           useBuiltIns: 'usage',
           // 声明corejs版本
           corejs: '3',
         },
       ],
     ],
     plugins：[['transform-class-properties']],
   };