在vue中配置flow类型检查

1、安装flow

  npm install --save-dev flow-bin

2、安装完成后在package.json中加入下面的脚本

 "scripts": {"flow":"flow check"}

3、安装babel编译器,将flow的类型检查代码从代码中剥离,转变成正常的js代码

  npm install --save-dev babel-cli babel-preset-flow

4、在babel配置文件.babelrc中加入

 {"presets": ["flow"]}

5、创建flow配置文件

  touch .flowconfig

  注意:在vue单文件组件使用flow需要额外配置:

     1、在.flowconfig文件的[options]中配置.vue文件扩展名

     2、在.vue文件中需注释掉template script styled标签

[ignore]
.*/node_modules/.*
.*/test/.*
.*/build/.*
.*/config/.*
[include]

[libs]

[options]
module.file_ext=.vue
module.file_ext=.js

6、新建一个文件index.vue

  //@flow或者 /*@flow*/告诉flow检查这个文件  

/* @flow
<template>
  <div>
  </div>
</template>
*/
// <script>
  let a:string = 2;
  console.log(a);
  export  default {
    data(){
      return {

      }
    }
  }
// </script>
/*
<style scoped>
</style>
*/

7、输入npm run flow 执行类型检查

  



原文地址:https://www.cnblogs.com/angelatian/p/9081361.html

时间: 2024-10-10 15:59:00

在vue中配置flow类型检查的相关文章

vue项目配置使用flow类型检查

你是否经常在debug那些简单可避免的bug?可能你给函数传参的时候搞错了参数的顺序,或者本来应该传个Number类型的参数,你传了一个String类型?JavaScript的弱类型是这一类bug的罪魁祸首,静态类型语言中不存在此类bug.Flow就是JavaScript的静态类型检查工具,该库的目标在于检查JavaScript中的类型错误,开发者通常不需要修改代码即可使用,故使用成本很低.同时,它也提供额外语法支持,使得开发者能更大程度地发挥Flow的作用. 一.flow的安装 flow可以直

[转载]IIS中配置MIME类型

[转载]AMR在IIS里打不开_AMR PMD等格式以下载方式打开 相信大家应该都有遇到过.当 IIS 服务器不认识的格式的时候.你的文件是找不到 那么怎么找到这些文件呢.那就需要在 IIS 服务器里面配置MIME类型 使用这个功能管理被 Web 服务器用伯静态文件的文件扩展名和关联的内容类型的列表 打开方式 IIS->网站->http头 ->MIME映射->文件类型->新建 下面我把所有的 MIME 类型和对应的值都列出来.以供大家参考 扩展名 内容类型(MIME)wml

在网站中配置MIME类型

经常会遇到这样的情况,某种类型的文件不能够正常下载,*.7z,自定义的文件类型等,需要在配置文件里配置后才能正常下载. 打开Web.Config文件: <system.webServer> <staticContent> <remove fileExtension=".exe.config" /> <mimeMap fileExtension=".pdb" mimeType="text/xml" />

vue中根据手机类型判断是安卓、微信或IOS跳转相应下载页面

按钮:<div class="download" @click="downApp">立即下载</div> 遮罩层:<div class="dark" v-show="ShowDark"></div> 弹框:<div class="pop" v-show="ShowPop" style="display:block;"

在Solr中配置和使用ansj分词

在上一节[编译Ansj之Solr插件]中介绍如何编译ansj分词在solr(lucene)环境中使用的接口,本章将介绍如何在solr中使用ansj,其步骤主要包括:下载或者编译ansj和nlp-lang等jar包.在schema中配置相关类型.将ansj和nlp-lang等jar包配置到solr中.测试ansj分词效果. 一.下载或者编译ansj-seg和nlp-lang等jar包.  1.您可以到 http://maven.ansj.org/org/ansj/ansj_seg/  | http

vue中axios的基本配置

vue中axios的基本配置 1.配置默认地址 axios.defaults.baseURL = ""; 2.发送数据详解 axios 使用 post 发送数据时,默认是直接把 json 放到请求体中提交到后端的.也就是说,我们的 Content-Type 变成了 application/json;charset=utf-8 ,这是axios默认的请求头content-type类型.但是实际我们后端要求的 'Content-Type': 'application/x-www-form-

JAVA 7新特性——在单个catch代码块中捕获多个异常,以及用升级版的类型检查重新抛出异常

在Java 7中,catch代码块得到了升级,用以在单个catch块中处理多个异常.如果你要捕获多个异常并且它们包含相似的代码,使用这一特性将会减少代码重复度.下面用一个例子来理解. Java 7之前的版本: 1 2 3 4 5 6 7 8 9 10 catch (IOException ex) {      logger.error(ex);      throw new MyException(ex.getMessage()); catch (SQLException ex) {      

解决spring配置中的bean类型的问题:BeanNotOfRequiredTypeException

解决spring配置中的bean类型的问题:BeanNotOfRequiredTypeException这个问题出现的原因:一般在使用annotation的方式注入spring的bean 出现的,具体是由于spring采用代理的机制导致的,看使用的代码: Java代码 1. 使用类注入: @Resource(name = "aisleService") private AisleService aisleService; 2. 使用接口注入: @Resource(name = &quo

vue中的config配置

在webpack.base.conf文件中配置别名以及扩展名 resolve: { extensions: ['.js', '.vue', '.json', '.styl'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'src': path.resolve(__dirname, '../src'), 'common': path.resolve(__dirname, '../src/common'), 'compo