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

相关推荐
i220818 Faiz Ul9 分钟前
高校教务|教务管理|基于springboot+vue的高校教务管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·高校教务系统
漂移的电子43 分钟前
【el-tree】外层多选,某个属性内层单选
前端·javascript·vue.js
城管不管1 小时前
Maven Helper
java·macos·intellij-idea
灰色人生qwer2 小时前
解决IDEA运行Java程序jdk版本不匹配问题
java·开发语言·intellij-idea
sheeta19982 小时前
Vue 前端基础笔记
前端·vue.js·笔记
前端那点事2 小时前
别再写垃圾组件!Vue3 如何设计「真正可复用」的高质量通用组件
前端·vue.js
SwJieJie4 小时前
Day1 从 0 搭建 VueDemo Web Admin 项目环境:技术栈、插件链与自动化脚本全解析
前端·vue.js·学习
xuankuxiaoyao4 小时前
Vue.js 插槽、作用域插槽、商品、阶段案例
android·vue.js·flutter
EF@蛐蛐堂4 小时前
TanStack NPM攻击 揭秘及应对方案
前端·vue.js·npm·安全威胁分析
Cobyte4 小时前
11.响应式系统演进:深入剖析 computed 实现原理与性能优化实践(Vue3.3)
前端·javascript·vue.js