webstorm:给vue项目改名(webstorm2021.1.3)

一，从命令行修改webstorm对项目名称的设置

  1,本文适用的情况：
        复制一个vue项目并修改项目名
        此操作参见:
   2,   例子：把guotou4改名guotou5en
       如果原项目是用webstorm创建，
       则还需做以下步骤:
 
1,找到要修改的目录:
liuhongdi@lhdpc:/data/vue/guotou5en$ ls -a
.  ..  babel.config.js  dist  .git  .gitignore  .idea  jsconfig.json  node_modules  package.json  
package-lock.json  public  README.md  src  vue.config.js
liuhongdi@lhdpc:/data/vue/guotou5en$ cd .idea
liuhongdi@lhdpc:/data/vue/guotou5en/.idea$ ls
guotou4.iml  inspectionProfiles  misc.xml  modules.xml  vcs.xml  workspace.xml
2,编辑modules.xml
liuhongdi@lhdpc:/data/vue/guotou5en/.idea$ vi modules.xml
把其中的原项目名修改为我们指定的新项目名:guotou5en
修改完成后的效果:
liuhongdi@lhdpc:/data/vue/guotou5en/.idea$ more modules.xml
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
  <component name="ProjectModuleManager">
    <modules>
      <module fileurl="file://$PROJECT_DIR$/.idea/guotou5en.iml" filepath="$PROJECT_DIR$/.idea/guotou5en.iml" />
    </modules>
  </component>
</project>
3,给guotou4.iml(原项目名)改名为: guotou5en.iml(新项目名):
liuhongdi@lhdpc:/data/vue/guotou5en/.idea$ mv guotou4.iml guotou5en.iml

说明：刘宏缔的架构森林是一个专注架构的博客，

网站：https://blog.imgtouch.com
原文: https://blog.imgtouch.com/index.php/2023/06/02/webstorm-gei-vue-xiang-mu-gai-ming-webstorm2021-1-3/

         对应的源码可以访问这里获取： https://github.com/liuhongdi/
         或: https://gitee.com/liuhongdi

说明：作者:刘宏缔 邮箱: 371125307@qq.com

二，查看效果:

三，查看webstorm的版本:

posted @ 2022-08-18 16:10  刘宏缔的架构森林  阅读(780)  评论(0)  编辑  收藏  举报