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

相关推荐
志尊宝10 小时前
Vue3 零基础每日笔记(082):文件上传实战——el-upload 校验、自定义上传、头像预览
前端·javascript·vue.js·笔记·#javascript·#vue.js
m0_5873830016 小时前
无人自助拼豆系统落地开发实战指南 核心逻辑实现与部署经验分享
前端·javascript·vue.js·人工智能·经验分享·需求分析
.Hypocritical.17 小时前
SpringBoot+Vue 前后端分离项目部署到云服务器
服务器·vue.js·spring boot
溪语流沙17 小时前
【Web全栈进阶】Vue3起步:组件、模板语法、响应式数据
前端·javascript·vue.js·css3
志尊宝20 小时前
Vue3 零基础每日笔记(081):富文本编辑器集成 wangEditor 5——封装
前端·javascript·vue.js·笔记·信息可视化·echarts
志尊宝20 小时前
Vue3 零基础每日笔记(080):Vue3 + ECharts 数据可视化——封装可复用图表组件
前端·javascript·vue.js·笔记·信息可视化·echarts
梁云亮21 小时前
在 IDEA 中运行 Tomcat 时,直接在 server.xml 中配置的 <Context> 无效
tomcat·intellij-idea·虚拟路径
斯内普吖21 小时前
(开源)校园充电宝租借管理系统实战指南 基于 Java + SSM + Vue + MySQL
java·vue.js·mysql·开源
mldong1 天前
一个 npm 包,九页审批中心:Vue3 项目接上工作流引擎
前端·javascript·vue.js
高级程序源1 天前
django校园寻物通失物招领平台32261-计算机课程设计、毕业设计
vue.js·python·mysql·小程序·django·flask·课程设计