修改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部分的项目名称就修改完成了。
相关文章
相关标签/搜索