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

相关推荐
miss42 分钟前
Vue2 → Vue3 深度对比:8 大核心优化,性能提升 2 倍
前端·vue.js·架构
angerdream2 小时前
最新版vue3+TypeScript开发入门到实战教程之生命周期函数
javascript·vue.js
胖橘2 小时前
适用于Vue3的高集成度文件预览组件,支持多种类型的文件
前端·vue.js·开源
啊丫丫2 小时前
【深入浅出地学习Vue】——vue2
前端·vue.js
我是人✓2 小时前
IDEA(2017.3 x64)的安装及使用
java·ide·intellij-idea
终端鹿2 小时前
Pinia 与 Vue Router 权限控制实战(衔接Pinia基础篇)
前端·javascript·vue.js
紫_龙3 小时前
最新版vue3+TypeScript开发入门到实战教程之Vue3详解props
前端·vue.js·typescript
黑白两客6 小时前
Vue 缓存机制
前端·vue.js·缓存
Luna-player6 小时前
Vue 组件,用来实现一个响应式图标网格布局,核心是用 CSS 实现固定宽高比的正方形容器,并在里面放置图片和文字。
前端·css·vue.js
SuperEugene6 小时前
Vue keep-alive 实战避坑:include/exclude + 路由 meta 标记,中后台路由缓存精准可控|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·缓存·前端框架