react可以寫命令列,你知道嗎?
乙個好的命令列工具,能給對應的框架加分,也同時顯示出了框架開發者的水平。
那麼,如何寫出乙個好看的命令列呢?
// 建立乙個工程路徑
mkdir helloworld
// 進入這個目錄
cd helloworld
// 初始化npm
npm init -y
// 安裝依賴
npm install ink react import-jsx -s
我們建立index.js檔案
'use strict';
require('import-jsx')('./hello');
然後我們再新建乙個hello.js:
'use strict';
const react = require('react');
const = require('ink');
class counter extends react.component ;
}render() tests passed);}
componentdidmount() ));
}, 100);
}componentwillunmount()
}render();
檔案結構如下:
我們執行我們的**
node ./index.js
然後我們看到:
然後tests前面的數字不停地在變化,然後按ctrl + c 可以退出我們的命令列。
寫過react的很好理解,render函式裡面就是會輸出原先的介面資訊,內部用到了state.counter的變數。
由於在componentdidmount這個生命週期建立了乙個定時器,每100ms修改一下這個變數。
最終我們看到了tests passed前面的數字不停的在變化。
如果我們想要讓他輸出一下,就退出,那就把這個定時器刪除就好了。
前面我們看到了乙個基本的react寫乙個命令列程式的例子。下面讓我們深入學習
高階篇,我們可以首先看一下作者給我們提供了哪些元件:
boxcolor
text
input元件:
2. 旋轉spinner元件:
3. 選擇元件:
5. 大banner元件:
6.顏色漸進元件:
7. 大字元件:
9.tab選擇元件:
10.帶背景色的元件:
11. 多選元件:
12. 分割線元件:
所以本文主要介紹了如何使用react去開發炫酷的命令列工具。
命令列藝術2
bin sh 傳統的 bin sh或者 bin bash用來指定直譯器 可以使用 usr bin env bash的改進版。這樣做的好處是,系統會自動在path環境變數中查詢你指定的程式 本例中的bash 相比第一種寫法,你應該盡量用這種寫法,因為程式的路徑是不確定的。這樣寫還有乙個好處,作業系統的...
2 命令列操作
c 取消要執行的語句 g 與 功能相似的結束符,格式化資料行輸出,多用於檢視系統引數命令 source 匯入sql檔案 show databases 檢視哪些資料庫 use 資料庫名 進入資料庫 status 檢視當前資料庫詳細資訊 select now 檢視當前時間 select database...
python命令列解析 python解析命令列
可以解析這樣的命令 cron ctrl jobname1 stop cron ctrl jobname1 start cron ctrl jobname1 list usr bin env python importosimportsysfrom optparse importoptionparse...