修改react-native项目名称

修改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”项目名,回车-修改名字-回车:

    修改react-native项目名称_第1张图片

  2. 弹出rename对话框,确认:

    修改react-native项目名称_第2张图片

  3. 手动修改old文件夹名称(注意带Tests的文件夹名称要保留Tests):

    修改react-native项目名称_第3张图片

  4. 修改类名,Rename按钮确认:

    修改react-native项目名称_第4张图片

    修改react-native项目名称_第5张图片

  5. 全局搜索之前的项目名,对应修改(注意全部要修改,直到搜索不到为止):

    修改react-native项目名称_第6张图片

  6. 回到项目文件夹目录,查看文件夹名称是否被修改为最新,如果不是,手动修改一下文件夹名称:

    修改react-native项目名称_第7张图片

  7. 回到xcode项目,如果发现下面这些文件变红了,可以选中文件夹或者文件,然后在右侧工具那里来修改资源路径,如果改了文件夹的资源路径后,发现里面的文件还是变红的,那就要每个文件单独再修改一遍资源路径,方法不变。如果没有则滤过此步:

    修改react-native项目名称_第8张图片

    修改react-native项目名称_第9张图片

  8. 修改Schemes:

    菜单选择Manage Schemes;

    修改react-native项目名称_第10张图片

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

    修改react-native项目名称_第11张图片

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

    修改react-native项目名称_第12张图片

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

你可能感兴趣的:(前端构建,react.js,app开发,react-native)