首页 > 电脑专区 > 电脑教程 >

webstorm怎么更改文件名称?或者是重命名

来源:互联网 2023-02-21 21:27:13 371

在开发的过程中,我们一个项目中会有很多的文件,每个文件中也会有很多的层级关系,有时候新建一个文件的时候,一不下心就会出错,位置出错我们可以移动更换位置,名称命名错误,我们可以重命名,在这里教大家使用webstorm的时候如何重命名文件?vty办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台
  • webstorm工具

方法/步骤

  • 1

    首先打开我们的项目,这里我为了演示如何重命名,新建了一个小项目,如下图所示:vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

  • 2

    我们双击左侧导航的index.html,打开该文章,然后鼠标点击左侧的index.html,呈现选中状态,如下图所示:vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

  • 3

    然后我们找到工具栏,正数第六个,Refactor,点击Refactor下的Rename,如下图所示:vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

  • 4

    直接在输入框内填写正确的文件名称即可,我这里修改为book.html,下面两个单选框的意思是所有引用到这个文件的地方都要更改,或注释中也都要更改,如下图所示:vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

  • 5

    然后我们点击Refactor重构即可,等待重构完成,页面上已经显示更改过来了,如下图所示:vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

  • 5该信息未经授权抓取自百度经验
  • 6

    还有一个也是特别简便的方法,我们直接在想要更改的文件上右击,如下图所示:vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

  • 7

    同样我们选择Refactor 下的Rename,然后再把名字更改成index.html,然后确定,如下图所示:vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

  • 8

    我们再回到页面中来看,如下图所示的那样,名称已经更改过来:vty办公区 - 实用经验教程分享!

    webstorm怎么更改文件名称?或者是重命名vty办公区 - 实用经验教程分享!

  • 9

    本文提到的两种方法大家自己选择,个人习惯是直接在页面中右键更改,当然了适合自己的才是最好的。vty办公区 - 实用经验教程分享!

  • 注意事项

    • 1、找到自己要更改的文件,然后右击
    • 2、选择Refactor 下的Rename
    • 3、填写自己要更改的文件名称
    • 4、然后点击Refactor即可

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!vty办公区 - 实用经验教程分享!


    标签: 更改文件名称命名

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码