vue项目如何重命名

原创已于 2022-02-25 11:28:05 修改 · 3.2k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #npm #前端

于 2022-02-25 11:23:53 首次发布

本文档详细介绍了如何重新初始化一个Vue项目，包括删除node_modules，更改项目名，更新package.json，修改index.html标题，重新npm install以及运行和打包项目。这是一个完整的Vue项目重命名流程指南。

1.删除node_modules文件夹

2.进入vue项目工作空间，修改原项目名“vue-master”文件夹的名称为自己的项目名“YYDS-admin”

3.把package.json中的项目名称vue-master修改成为YYDS-admin

4.修改index.html文件中的title标签中内容为为YYDS-admin

5.重新npm instrall一次，记得npm 之后，之前通过npm安装的插件，也要重新安装

npm install # Install a package

6.再运行项目 yarn dev，并使用浏览器即可正常访问，最后build，看看是否能够完成

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

清浅九天

关注关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue3中如何更改当前类的文件名称

qq_58341172的博客

10-12

635

setup函数使用后，就不用手动将数据、函数ruturn出去。此时，我们使用了两个script标签，我们尝试将便签合并。其次，我们配置使用该插件，找到该目录。首先，使用script指定文件名称。此时观察界面是不生效的！最后重新启动项目，测试一下。其次，使用setup函数。

Vue3可媲美Element Plus Tree组件研发之重命名节点

felix_alone2012的博客

07-26

702

在上一节基础上继续迭代JuanTree的功能，我们将实现节点重命名的功能，一起开始学习吧~

参与评论您还未登录，请先登录后发表或查看评论

vue-cli+webpack项目修改项目名称的方法

08-27

下面小编就为大家分享一篇vue-cli+webpack项目修改项目名称的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

Vue 项目重命名

TechExplorer365的博客

05-02

2523

Vue 项目重命名摘要： 重命名 Vue 项目时，需更新 package.json 中的 name 字段、页面标题、项目内引用，并可能需重新安装依赖。同时，更新文档文件并测试项目以确保无问题。若使用 Git，还需更新 Git 配置和远程仓库。

Vue重命名项目

ls_call520的专栏

08-25

509

1、修改package.json。3、删除node_modules。4、重新编译（淘宝镜像）

超详细SpringBoot+Vue项目部署(两个Vue项目)

热门推荐

qq_52030824的博客

09-18

2万+

超详细SpringBoot+Vue项目部署(两个Vue项目)

vue项目部署上线遇到的问题及解决方法

08-27

以下将详细讲解在Vue项目部署上线时可能遇到的问题及其解决方案。首先，要进行服务器搭建。通常选择云服务提供商，如腾讯云，购买服务器并配置域名。未备案的域名也可以使用，但可能在某些国家或地区访问受限。...

vue项目引入字体.ttf的方法

12-09

在Vue项目中引入自定义字体，特别是`.ttf`（TrueType Font）格式的字体，是提高用户体验和品牌一致性的重要步骤。以下是一个详细的步骤指南，教你如何在Vue项目中引入`.ttf`字体： 1. **下载字体文件**：首先，你...

VS code上创建Vue项目详细化教程1-配置VScode与Vue

Charles_Clark的博客

06-06

5707

VS code上创建Vue项目详细化教程1-配置VScode与Vue

# Vue的导入import和导出export

不积跬步，无以至千里；不积小流，无以成江海

07-30

708

importES6。

vue更改项目名方法

m0_52951519的博客

11-18

1228

执行完这个命令后，Vue CLI 会自动帮你更新项目中相关的配置文件、文件引用等地方的项目名称，使得项目可以正常使用新的名称运行和开发。如果你的项目是通过 Vue CLI 创建的，那么可以利用。

vue——修改项目名

weixin_41635393的博客

04-04

5117

一、删除 node_modules 文件夹二、修改package.json文件，修改name值三、重新安装依赖 cnpm install 四、启动项目 cnpm run dev 五、上面两步做完之后，运行build命令后，你会发现index文件的title没有改过来，这个时候要修改根目录下面的index.html文件的title，改好之后，vue文件的title就改过来了 ...

Vue项目中如何通过配置修改项目名称

轻风细雨_林木木

05-12

751

部分vue项目中为了不直接修改 index.html 文件而使用 config 配置文件进行修改，好处就是项目配置比较集中好管理、可实现动态化修改。

修改Vue的项目名称

weixin_46932351的博客

01-10

839

修改Vue的项目名称

如何修改vue的项目名？

m0_65315526的博客

01-31

2953

第一步：找到项目的包描述文件（package.json）；第二步：找到属性“name”，修改项目名字；

vue项目如何重命名（亲测有效）

小志的博客

05-07

8780

一、已有的vue项目重新命名步骤 1、例如lz想把原有的vue-master项目名称修改成vueapp-master，进入vue项目工作空间，修改vue-master文件夹的名称为vueapp-master，如下图： 2、删除node_modules文件夹,如下图： 3、把package.json中的项目名称vue-master修改成为vueapp-master，如下图： 4、修改index.html文件中的title标签中内容为为vueapp-master，如下图： 5、修改完成，重新运行加载依

修改vue项目名称

esunny的专栏

09-28

896

1. 修改目录名称，比如，我的项目名称原来叫做"py-ui",现改成"rc-ui"。 2. 打开rc-ui目录下的package.json文件：将name的值从py-ui改成rc-ui。 3. 删掉rc-ui目录下的node_modules目录，然后打开cmd，在rc-ui目录下，使用npm install进行安装，然后就可以使用npm run dev运行web前端了。 ...

修改Vue项目名称

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

10-03

1万+

1、创建一个新的项目文件夹，复制之前的项目文件夹里面除了node_modules文件夹以外的内容到新的项目文件夹 2、然后修改根目录下的package.json文件，把name修改成你的项目名称 3、修改根目录下面的index.html文件的title，改好之后，vue文件的title就改过来了 4、重新npm instrall一次，记得npm 之后，之前通过npm安装的插件，也要重新安...

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

zhangfuping123456789的博客

08-09

1万+

vue、idea、webstorm

vue 引入components 重命名