vue项目如何重命名

已于 2022-02-25 11:28:05 修改
阅读量2.8k 收藏 10
点赞数
文章标签： vue.js npm 前端
于 2022-02-25 11:23:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aspxgod10/article/details/123128548
版权

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，看看是否能够完成

清浅九天
关注
  • 0
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目引入字体.ttf的方法
12-09
1、下载所需要的字体，.ttf格式本文以（FZCYJ.ttf 为例） 2、在src下新建common文件，文件夹中包含以下文件 3、打开font.css @font-face { font-family: 'FZCYJ'; //重命名字体名 ...以上这篇vue项目引入字
一个基于 vue、datav、Echart 框架的数据大屏项目，通过 vue 组件实现数据动态刷新渲染，内部图表可实现自由替换
03-02
一个基于 vue、datav、...拉取项目之后，建议按照自己的功能区域重命名文件，现以简单的位置进行区分。 项目环境：vue-cli-3.0、webpack-4.0、npm-6.13、node-v12.16。 请拉取 master 分支的代码，其余是开发分支。
修改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项目怎么修改项目名称
m0_60881028的博客
08-27 5692
1.在package.json文件中，修改name成你想要的新名字。 2.删掉node_modules文件夹。 3.修改根目录下面的index.html文件中的title，改完以后，vue文件中的title就改过来了. 4.重新下载依赖 npm install 5.运行 npm run server ...
Vue 项目重命名
weixin_51032745的博客
05-02 587
Vue 项目重命名摘要： 重命名 Vue 项目时，需更新 package.json 中的 name 字段、页面标题、项目内引用，并可能需重新安装依赖。同时，更新文档文件并测试项目以确保无问题。若使用 Git，还需更新 Git 配置和远程仓库。
如何修改当前Vue项目的项目名称
DanielSmith
06-03 3649
其实Vue修改项目名称的重点就是搞明白，与项目名有关的地方都在哪里： 假设你已经拥有了一个项目名称为：TEST1， 我们想要修改成为TEST2新建一个文件夹名称为TEST2将TEST1内部所有内容复制到TEST2中(若嫌node_modules复制的太慢，可以不选node_modules，到时候cd到项目根目录再npm install 进行相关依赖包的下载即可)重要的是下面的修改：请在TEST2的根目录下面，寻找到你刚才复制过来的package.json文件： 修改如下内容 为TEST2 ： 将packag
vue项目如何修改名称
前端开发小白9527
11-25 1114
1、修改index.html下的title标签2、修改package.json中的“name”3、修改package-lock.json中的“name”4、重新启动 npm run dev5、效果图如下
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
11-27
1.准备工作。 1.首先准备安装Vue及Vue-CLI ...，并且重命名为ApacheTomcat，这里要提一下，在这个文件夹下有个webapps，双击进去，会有很多文件，不用关心。其中有一个ROOT文件夹，这个就是我们放置
vue-cli项目修改文件热重载失效的解决方法
12-12
遇到一个很奇怪的问题，就是之前vue-cli创建的项目，在起初修改文件可以热重载，但是后面突然间就无法无刷新浏览器更新了，一只以为是热重载出问题了，折腾了半天也没纠结出什么结论，最后百度了一下，原来是编译器...
Vue大数据可视化(大屏展示)解决方案
06-30
- 拉取项目之后，建议按照自己的功能区域重命名文件，现以简单的位置进行区分。 - 项目环境：Vue-cli-3.0、DataV-2.7.3、Echarts-4.6.0(如果5.x版本有问题，请切换到4.x版本)、Webpack-4.0、Npm-6.13
nextcloud-vue-collections：Nextcloud集合的Vue组件
02-15
用于协作集合的Nextcloud Vue组件 为Nextcloud 16中引入的Nextcloud项目提供vue组件，以集成到应用程序中。 Projects是为面向用户的元素命名的，而collections在内部使用是因为它后来被重命名了。安装npm install --...
超炫20套vue_react+echarts 大屏可视化数据平台实战项目分享 (附源码).zip
01-08
拉取项目之后，建议按照自己的功能区域重命名文件，现以简单的位置进行区分。 项目环境：Vue-cli-3.0、DataV-2.7.3、Echarts-4.6.0(如果5.x版本有问题，请切换到4.x版本)、Webpack-4.0、Npm-6.13、Node-v12.16。
ecommerce-vuejs:前端的Vue.Js UI
04-06
项目设置将.env.example重命名为.env并粘贴您的Stripe Token npm install编译和热重装以进行开发npm run serveornpm run serve -- --port 8003编译并最小化生产npm run build在数字海洋服务器上部署ssh root@167.99....
vue-typescript-admin-mock-server:for vue-typecript-admin-template项目的模拟服务器
04-29
Vue TypeScript管理模拟服务器 项目的模拟服务器演示链接（由vue-typecript-admin-template使用）概述此项目中api文件夹下的javascript代码是从的打字稿源代码生成的（通过在此目录中运行tsc命令）。 唯一的手动更改...
vueSrc:vue-cli 3.0构建前端项目，并引用更改后的vue原始文件的运行时，让项目正常运行
03-23
vueSource是更改后的源文件目录，生成的文件，开发环境下，在vueSource启动dev.esm即可，可以直接复制vue官方项目，然后删除掉eslint即可，然后一波操作最后，就生成文件在此时，在自己的前端项目中，也就是vue-cli ...
在vue-cli项目中动态修改系统名称
workhard0905的博客
12-20 1477
在vue-cli搭建的项目中有个系统配置在页面，在系统配置页面中可以修改改系统的名称，要求修改完系统名后系统中相关显示系统名称的地方都要更改，包括登录页面、左侧导航栏、浏览器中的title 在这里将系统名称存在了localstorage和vuex中，存在Vuex中是因为Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。存在localstorage是方式页面刷新后vuex中的内容清空 所以综合起来
Vue项目中如何通过配置修改项目名称
最新发布
轻风细雨_林木木
05-12 222
部分vue项目中为了不直接修改 index.html 文件而使用 config 配置文件进行修改，好处就是项目配置比较集中好管理、可实现动态化修改。
vue-cli+webpack项目 修改项目名称的方法
圆静居士的专栏
05-16 3028
使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。解决方法：1 删除 node_modules 文件夹（如果修改项目名称，需要在在package.json中修改对应的name）2 重新安装依赖 cnpm install3 启动项目 cnpm run ...
tomcat部署vue项目
05-31
要将Vue项目部署到Tomcat服务器上，需要将Vue项目先打包成静态文件。可以使用以下命令进行打包： ``` npm run build ``` 打包完成后，会在项目根目录下生成一个`dist`文件夹，里面包含了打包后的静态文件。 接着...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值