修改react-native项目名称

0

修改react-native项目名称

摘要:每次创建react-native项目的时候都会重新执行init,感觉很耗时,想在现有项目基础上复制一份进行修改。本文主要是修改IOS部分,Android部分修改起来比较简单。

一、react native代码部分

  1. package.json

    修改package.json文件的name

    clipboard.png

  2. index.js

    clipboard.png

二、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;

    clipboard.png

    打开Manage Schemes,选择当前项目,点击减号,删除旧项目名的Schemes;

    clipboard.png

    点击加号,添加新的项目Schemes,并勾选;

    clipboard.png

  9. 到这里,IOS部分的项目名称就修改完成了。

你可能感兴趣的

载入中...