react native cli簡單理解

2021-07-26 13:51:41 字數 1392 閱讀 2424

在專案下通過npm為該專案安裝react-native後,在node_modules中就有react-native這個資料夾。進入該資料夾,有乙個local-cli資料夾。這個資料夾是被react-native-cli使用的。

react-native-cli通過npm install -g react-native-cli命令被安裝到了本機,通過 which react-native命令可以知道所使用react-native對應的可執行程式所在的位置,

在finder中進入這個位置,發現是個替身,找到原身,發現其實就是react-native-cli模組中的index.js檔案。react-native-cli其實就是乙個node.js專案,執行在node上。

執行react-native專案時用到的react-native run-ios 命令,其實就是呼叫了定義在react-native-cli模組中的方法,實際上react-native-cli模組中只是定義了初始化乙個react-native專案的方法。至於其他命令例如react-native run-ios ,它們所呼叫的方法的更多實現細節並沒有定義在react-native-cli模組中,在執行時實際會去到具體的react native專案下的node_modules/react-native/local-cli下去找相關的方法實現。

在local-cli中有乙個commands.js,向外匯出了乙個commands物件,它是乙個陣列,其中包含了多個command型別的物件,每乙個command物件表示乙個可以(被react-native-cli)在命令列下通過格式[react-native 命令名稱]執行的命令,包括init命令、server命令(通過react-native server來啟動乙個node伺服器)等等。如果想要新增乙個命令,只需要按照command型別的定義,新建乙個command物件,然後加入到commands陣列中,就可以被react-native-cli使用。

我嘗試在command.js中新增了乙個命令,修改如下(在commands陣列定義之後插入這段**):

這裡新增了乙個hello命令,內容是輸出一句話。儲存修改後,在專案根目錄(通常是node_modules資料夾所在目錄)下,執行react-native hello,就能看到輸出」ohyeah say hello!」。

安裝react native cli工具(三)

npm config set registry global npm config set disturl global1 然後安裝完 yarn 後同理也要設定映象源 這一步可以省略 yarn config set registry global yarn config set disturl gl...

JS簡簡簡易時鐘

簡易時鐘 1 搭建html css部分 插入時鐘背景,使用子絕父相。把時針和分針 秒針的樣式放在時鐘的中心位置 2 js邏輯部分 1 獲取時針 分針 秒針 var hour document.getelementbyid hour var min document.getelementbyid mi...

Metasploit Framework 簡單介紹

1.簡介 metasploit framework 是乙個緩衝區溢位測試使用的輔助工具,也可以說是乙個漏洞利用和測試平台。它整合了各平台上常見的溢位漏洞和流行的shellcode,並且不斷更新,使得緩衝區溢位測試變得方便和簡單。2.主頁 1 選定使用的漏洞 use 2 設定漏洞利用的環境 targe...