当我们拷贝项目的时候，为了方便，一般会把WebStorm项目的.idea文件夹一起拷贝过去，因为里面有IDE的各种个人的个性化配置。不过，拷贝之后，如果目标文件夹的名称与源文件夹的名称不相同，则会造成WebStorm项目名称和路径名称不对应的现象，如下图：
为了美观，我们可以修改项目名称：
第一种方法：手动修改文件
进入.idea文件夹，将源项目的文件名修改成现在文件夹的名称：
origin-ifreeman-framework.iml => ifreeman-framework.iml
打开
.idea文件夹中的modules.xml，将出现origin-ifreeman-framework.iml的地方全部修改为ifreeman-framework.iml
现在重启WebStorm，就可以看到项目名称已经修改了。
第二种方法：通过WebStorm提供的快捷方式修改
这种方法比较简单，在WebStorm IDE中，项目文件夹上右键 - Refactor - Rename
在打开的选择窗口中选择
Rename project，并点击OK
在弹出的窗口中，输入你新的项目名称即可。
