IntelliJ IDEA支持Flow靜態(tài)類型檢查器

Flow

提示：在開始之前，請確保您的計(jì)算機(jī)上有Node.js.

IntelliJ IDEA為Flow靜態(tài)類型檢查器提供基本支持，它為JavaScript提供類型注釋。此支持涉及在所有操作系統(tǒng)上識(shí)別和語法突出顯示Flow結(jié)構(gòu)。

安裝流程

從Flow官方網(wǎng)站了解更多信息。

• 打開內(nèi)置的IntelliJ IDEA 終端（Alt+F12），然后在命令提示符下鍵入：
  • npm install --global flow-bin：在全局安裝Flow。
  • npm install --save-dev flow-bin：將Flow安裝為開發(fā)依賴項(xiàng)。

在IntelliJ IDEA中配置流程

要讓IntelliJ IDEA識(shí)別Flow結(jié)構(gòu)，提供正確的語法突出顯示，正確報(bào)告錯(cuò)誤并避免誤報(bào)錯(cuò)誤突出顯示，將JavaScript語言級別更改為Flow，將.flowconfig配置文件添加到項(xiàng)目中，并在頂部提供一個(gè)“// @flow”注釋來檢查每個(gè)文件。

將語言級別更改為Flow

1. 在“設(shè)置/首選項(xiàng)”對話框（Ctrl+Alt+S）中，單擊“語言和框架”下的“JavaScript ”。在JavaScript的打開頁面。
2. 從JavaScript Language Version下拉列表中，選擇：Flow。
3. 在Flow包或可執(zhí)行文件字段中，指定node_modules\flow-bin包的路徑或Flow二進(jìn)制可執(zhí)行文件。要使用node_modules\.bin\flow，請確保將Node.js的路徑添加到PATH環(huán)境變量中。
4. 在Use Flow server for：區(qū)域中，通過選中或清除以下復(fù)選框指定編碼幫助的基礎(chǔ)：
   • 類型檢查： 選中此復(fù)選框后，將根據(jù)從Flow服務(wù)器接收的數(shù)據(jù)提供語法和錯(cuò)誤突出顯示。清除該復(fù)選框后，只有基本的內(nèi)部IntelliJ IDEA突出顯示可用。
   • 導(dǎo)航，代碼完成和類型提示： 選中此復(fù)選框時(shí)，引用解析和代碼完成的建議列表包含從與Flow集成檢索的建議和由IntelliJ IDEA計(jì)算的建議。清除該復(fù)選框后，僅通過IntelliJ IDEA計(jì)算來解析引用。 
   僅當(dāng)指定了Flow可執(zhí)行文件的路徑時(shí)，復(fù)選框才可用。
5. 保持選中“自動(dòng)保存所有已修改文件”復(fù)選框以確保連續(xù)應(yīng)用Flow，因?yàn)镕low僅在保存所有其他已修改文件后才檢查當(dāng)前文件。

在項(xiàng)目中生成.flowconfig配置文件

• 打開嵌入式終端（通過：查看|工具窗口|終端，或Alt+F12）并在命令提示符下鍵入：flow init。

在文件中啟用Flow

• 在它的頂部添加“// @flow”注釋：只需鍵入flow，按下Tab，IntelliJ IDEA將其擴(kuò)展到“// @flow”中。