码迷,mamicode.com
首页 > 其他好文 > 详细

flow 类型生成工具 flow-typed 简单使用

时间:2018-07-28 12:14:10      阅读:1566      评论:0      收藏:0      [点我收藏+]

标签:工具   width   star   资料   license   reset   bubuko   图片   generate   

flow 是一个javascript 的静态检查工具,flow-typed 为我们提供了三方类似type 的生成

安装flow-typed

使用全局安装

yarn global add flow-typed
npm install -g  flow-typed

参考demo

  • 项目结构
├── lib  //  输出目录
│ ├── api
│ │ ├── api.js
│ │ └── index.js
│ └── user
│ └── user.js
├── package.json
├── src  // flow 源码目录
│ ├── api
│ │ ├── api.js
│ │ └── index.js
│ └── user
│ └── user.js
└── yarn.lock
  • 主要代码说明
package.json
{
"name": "second",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-flow": "^6.23.0",
"flow-bin": "^0.77.0"
},
"scripts": {
"build": "babel src/ -d lib/",
"flow": "flow",
"i": "flow init",
"start": "node lib/api"
},
"dependencies": {
"shortid": "^2.2.12"  // 我们引入的三方类库
}
}
src/user/user.js
// @flow
const shortid = require("shortid");
function shortid_gen():string{
return shortid.generate()
}
function getinfo(name:string):string {
return name;
}
module.exports={
name:"dalong-appdemo",
age:33,
get:getinfo,
id:shortid_gen()
}

src/api/api.js
// @flow
const user = require("../user/user")
function call(name:string):string {
//return user.get(name)
return user.id
}
module.exports=call

生成类型定义

flow-typed update

效果
技术分享图片
技术分享图片

构建&&运行&&结果

  • 构建
yarn  build
  • 运行
    技术分享图片

参考资料

https://github.com/flow-typed/flow-typed#readme

flow 类型生成工具 flow-typed 简单使用

标签:工具   width   star   资料   license   reset   bubuko   图片   generate   

原文地址:https://www.cnblogs.com/rongfengliang/p/9380580.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!