flow-bin 快速檢查你的 JavaScript,之除蟲大師。
當你在寫 JavaScript 時候,最怕出現 error,
當噩夢出現時,卻又不知錯在那,
也許你可以參考看看來自 flowtype 的 js 檢核套件 flow-bin。
範例下載
可直接下載範例,詳細手動安裝建立可跳至下方步驟。
使用說明: GitHub - flow
git clone https://github.com/explooosion/flow.git
套件安裝
npm install --save-dev flow-bin
或全域安裝
npm install --global flow-bin
建立參數
進入 node_modules/.bin 目錄。
cd node_modules/.bin
建立設定檔案,輸入後會產生 .flowconfig 檔案,將他移動到專案目錄底下。
flow init
編輯設定檔案
編輯 .flowconfig,使其忽略 node_modules 裡面的資料夾。
[ignore]
<PROJECT_ROOT>/node_modules/.*
[include]
[libs]
[options]
編輯指令
編輯 package.json ,加入 flow_check。
如果直接輸入 flow check || exit 0 .... 會跳出視窗,故我們建立 script
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"flow_check": "flow check || exit 0"
},
建立測試檔案
我們任意建立 js 檔案(index.js),在檔案第一列加入,表示將透過 flow-bin 進行檢核。
/* @flow */
任意編輯錯誤的內容:
/* @flow */
const a = 1;
a = a + 1;
- const 為 es6 之常數宣告,當然不可以改變囉!
進行檢核
npm run flow_check
Found 1 error,成功找到一個錯誤,
並告訴你 const cannot be reassigned。
本套件可於官方查閱詳細說明 - Getting started with Flow
另外也於 2016/08/01 支援 Windows 提供 .exe ,
相關使用說明 - Flow | Windows-Support.html
有勘誤之處,不吝指教。ob'_'ov