🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
本文档使用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!