修改react-native項目名稱

修改react-native項目名稱

摘要:每次建立react-native項目的時候都會從新執行init,感受很耗時,想在現有項目基礎上覆制一份進行修改。本文主要是修改IOS部分,Android部分修改起來比較簡單。react

1、react native代碼部分

  1. package.json

    修改package.json文件的namejson

    clipboard.png

  2. index.js

    clipboard.png

2、IOS部分

  1. xcode打開項目,選中「MyAppInit」項目名,回車-修更名字-回車:

    clipboard.png

  2. 彈出rename對話框,確認:

    clipboard.png

  3. 手動修改old文件夾名稱(注意帶Tests的文件夾名稱要保留Tests):

    clipboard.png

  4. 修改類名,Rename按鈕確認:

    clipboard.png

    clipboard.png

  5. 全局搜索以前的項目名,對應修改(注意所有要修改,直到搜索不到爲止):

    clipboard.png

  6. 回到項目文件夾目錄,查看文件夾名稱是否被修改成最新,若是不是,手動修改一下文件夾名稱:

    clipboard.png

  7. 回到xcode項目,若是發現下面這些文件變紅了,能夠選中文件夾或者文件,而後在右側工具那裏來修改資源路徑,若是改了文件夾的資源路徑後,發現裏面的文件仍是變紅的,那就要每一個文件單獨再修改一遍資源路徑,方法不變。若是沒有則濾過此步:

    clipboard.png

    clipboard.png

  8. 修改Schemes:

    菜單選擇Manage Schemes;react-native

    clipboard.png

    打開Manage Schemes,選擇當前項目,點擊減號,刪除舊項目名的Schemes;xcode

    clipboard.png

    點擊加號,添加新的項目Schemes,並勾選;工具

    clipboard.png

  9. 到這裏,IOS部分的項目名稱就修改完成了。
相關文章
相關標籤/搜索