美文网首页JavaScript
[JavaScript] hello flow.js

[JavaScript] hello flow.js

作者: 何幻 | 来源:发表于2017-01-13 11:25 被阅读58次

1. 搭建webpack+babel项目

(1)全局安装webpack和babel

npm install -g webpack babel-cli

(2)在项目根目录,安装项目依赖

npm install babel-preset-es2015 babel-loader

(3)在项目根目录,创建文件: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)在项目根目录,创建文件:.babelrc

{
    "presets": [
        "es2015"
    ],
    "plugins": []
}

2. 与babel的flow插件相关

(1)全局安装flow命令行工具

npm install -g flow-bin

(2)在项目根目录,创建.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

相关文章

  • [JavaScript] hello flow.js

    1. 搭建webpack+babel项目 (1)全局安装webpack和babel (2)在项目根目录,安装项目依...

  • Hello JavaScript!

    1.CSS和JS在网页中的放置顺序是怎样的? CSS应该放在 标签内,优先下载解析,以免页面元素由于样式缺失而造成...

  • XSS-LOG-2

    #第一类:Javascript URL link link link Hello Hello link link ...

  • flow.js

    flow是facebook开源的js静态类型检查工具 flow命令: flow init:启用flow, flow...

  • 无标题文章

    ```javascript function test(){ console.log("Hello world!"...

  • JavaScript本来就很简单(初识JavaScript )

    JavaScript Hello World JavaScript是什么:是一门计算机语言,那么谁认识他呢?谁可以...

  • 浅谈vue2和vue3响应式

    Vue 2 那个时代基本只有两个技术选型,Facebook 家的 Flow.js 和微软家的 TypeScript...

  • JavaScript实例

    基础 JavaScript 实例 生成文本 document.write("Hello World!") 生成普通...

  • JavaScript

    JavaScript语言基础一.Hello JavaScriptJavaScript用于网页和用户之间的交互.完整...

  • 43.JavaScript

    一、基础向文档中输出文本: document.write("Hello Javascript"); 。script...

网友评论

    本文标题:[JavaScript] hello flow.js

    本文链接:https://www.haomeiwen.com/subject/wtfsbttx.html