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

相关推荐
青稞儿18 分钟前
面试题高频之token无感刷新(vue3+node.js)
vue.js·node.js
程序员凡尘1 小时前
完美解决 Array 方法 (map/filter/reduce) 不按预期工作 的正确解决方法,亲测有效!!!
前端·javascript·vue.js
Bug缔造者7 小时前
Element-ui el-table 全局表格排序
前端·javascript·vue.js
xnian_7 小时前
解决ruoyi-vue-pro-master框架引入报错,启动报错问题
前端·javascript·vue.js
罗政8 小时前
[附源码]超简洁个人博客网站搭建+SpringBoot+Vue前后端分离
vue.js·spring boot·后端
阿树梢8 小时前
【Vue】VueRouter路由
前端·javascript·vue.js
随笔写10 小时前
vue使用关于speak-tss插件的详细介绍
前端·javascript·vue.js
陈小唬11 小时前
html页面整合vue2或vue3
前端·vue.js·html
花下的晚风11 小时前
Vue实用操作篇-1-第一个 Vue 程序
前端·javascript·vue.js
我是Superman丶13 小时前
【前端UI框架】VUE ElementUI 离线文档 可不联网打开
前端·vue.js·elementui