vue项目名修改、webstorm和idea创建的项目重命名、重构项目、修改项目名称

一、需求

就是创建了一个项目,后期需要重命名,怎么办?----> 直接修改?肯定不行,因为里面有些配置也需要修改,假如你只改文件夹名称的话,里面配置都没修改,后期可能会出问题。

二、方法

2.1 先修改 package.json 文件

在根目录下找到 package.json 文件,将其中的 name 字段修改为你的项目名称。

2.2 更新页面标题(这一步按需修改)

假如需要修改:页面标题。需要手动修改根目录下的 index.html 文件,将其中的 title 修改为你想要的项目名称。这样 Vue 文件的标题也会相应更新。

2.3 右键项目重构

项目需要重构否则,可能会导致项目名出现 修改后的项目名[原本项目名] 的情况:

2.4 更新 README(这一步也可不修改,但为了完整性,建议修改)

修改 README.md 文件,将标题改为修改后的项目名称:

2.5 重新安装依赖

删除根目录下的 node_modules 文件夹,然后重新运行 npm install

相关推荐
小左OvO1 分钟前
基于百度地图JSAPI Three的城市公交客流可视化(三)——实时公交
前端·javascript·vue.js
悟能不能悟1 小时前
idea运行tomcat的日志文件放到哪里了
java·tomcat·intellij-idea
晴殇i2 小时前
尤雨溪创立的 VoidZero 完成 1250 万美元 A 轮融资,加速整合前端工具链生态
前端·vue.js
菜市口的跳脚长颌3 小时前
一个 Vite 打包配置,引发的问题—— global: 'globalThis'
前端·vue.js·vite
胖虎2653 小时前
实现无缝滚动无滚动条的 Element UI 表格(附完整代码)
前端·vue.js
VOLUN3 小时前
Vue3 选择弹窗工厂函数:高效构建可复用数据选择组件
前端·javascript·vue.js
VOLUN3 小时前
Vue3 中 watch 第三个参数怎么用?6 大配置属性 + 场景指南
前端·javascript·vue.js
远山枫谷4 小时前
vue3通信组件学习小记
前端·vue.js
何中应5 小时前
IDEA实用快捷键
java·ide·intellij-idea
源码站~5 小时前
基于SpringBoot+Vue的健身房管理系统
vue.js·spring boot·后端·毕业设计·前后端分离·管理系统·健身房