加入 Flow

Flow 是一個靜態型別檢查器，可協助您撰寫有較少錯誤的程式碼。如果您對這個概念感到陌生，請查看 這篇使用靜態型別於 JavaScript 的入門說明。

最新版本的 Flow 可以直接與 Create React App 專案搭配使用。

若要將 Flow 加入 Create React App 專案，請遵照以下步驟執行

1. 執行 npm install --save flow-bin（或 yarn add flow-bin）。
2. 將 "flow": "flow" 加入 package.json 的 scripts 區段。
3. 執行 npm run flow init（或 yarn flow init）以在根目錄建立 .flowconfig 檔案。
4. 將 // @flow 加入您想進行型別檢查的任何檔案（例如，src/App.js）。

現在您可以執行 npm run flow（或 yarn flow）以檢查檔案是否存在型別錯誤。
你可以選擇為你的 IDE 開啟擴充功能，例如 Flow Language Support for Visual Studio Code，或者利用語言伺服器協定標準（例如，vim LSP）在打字時獲得提示。

如果你想要在 Flow 中使用 絕對路徑導入，請務必將下列列加入你的 .flowconfig，讓 Flow 得以得知

  [options]
+ module.name_mapper='^\([^\.].*\)$' -> '<PROJECT_ROOT>/src/\1'

若要深入了解 Flow，請參閱 其文件。