Flow與create-react-app安裝配置

MaxMu422發表於2017-10-21
ReactAPP

create-react-app可以用於快捷建立react專案，
flow是facebook開發的用於JavaScript的型別檢查工具

今天閱讀create-react-app手冊的時候發現可以輕鬆整合flow，在此處做個記錄：

  1. 用create-react-app建立專案後，使用yarn或是npm安裝flow-bin:
    npm install --save flow-bin
  2. 然後在package.json檔案的scripts中，加入指引npm執行flow檢查程式碼的命令:
    {
     ...
 "scripts":{
     "start": "react-scripts start",
     ...
     "flow": "flow", //看這裡
 }
 ...複製程式碼
    }
  3. 在命令列執行npm run flow init構建.flowconfig
  4. 之後就可以在程式碼中加入// @flow，執行npm run flow就可以使用flow來進行程式碼檢查。

第一次記錄學會到的技術，文筆十分生疏，有任何錯誤請大神們指正:)

相關文章