修改vue-cli+webpack项目名称步骤

LuckyJiang.2021 LuckyJiang.2021 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.3k累计阅读 1.3k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄15年
关注
原创 最新推荐文章于 2026-07-07 09:41:52 发布 1.3k 阅读 AI 写同款· GEO 优化 ›
webpack+vue-cli2修改部署后的请求路径 在vue日常开发中,本地环境和线上环境的请求接口不同,如果频繁切换,显得不是那么优雅哈,所以,通过webpack的配置,实现不同环境请求不同地址.以下有三种方式,一种是写死地址,打包之后不可修改,另一种是,可根据打包生成的json文件,自由修改地址,第三种是获取当前地址,拼接请求接口. 方法一 在config文件夹下的dev.env.js文件中这样写: 'use strict' const m... 阅读详情

使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，再次运行时会报错。

npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，修改之后就无法正常启动。

解决办法：

  1. 删除 node_modules 文件夹（如果修改项目名称，需要在package.json中修改对应的name）
  2. 重新安装依赖 npm install
  3. 启动项目 npm run dev 
收录于
Web前端-JavaScript

当前文章被收录于：

Web前端-JavaScript
12 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
（起步1）IDEA2016+VUE+WEBPACK+VUE-CLI 搭建 IDEA+VUE+WEBPACK+VUE-CLI项目搭建 目录 1）安装node.js 图1-1 1.1 npm全局环境变量配置 1.2 增加NOEDE_PATH(全局变量模块存放位置)（步骤图1-1正常，这步跳过） 2) IDEA安装Vue.js 3）IDEA必要设置 4）安装VUE-CLI 5）构建vue-cli项目 阅读详情

相关推荐

vue-cli3+webpack搭建vue单页项目

先安装好node.js，可以网上查看安装方法 全局安装vue-cli3 npm i -g @vue/cli #安装后可以通过以下命令查看是否安装成功,显示版本后即安装成功 vue --version 全局安装webpack和webpack-cli npm i -g webpack #安装成功后可以通过以后命令查看是否安装成功，显示版本号即安装成功 webpack -v 环境搭建完成，...

Ango的博客 6018

解决vue项目目录名字更改后启动异常问题：code: ‘ERR_MODULE_NOT_FOUND‘

我更改了项目根目录的名字，然后在 package.json 中的 name 属性也改了相同的名字。把项目目录中的 node_modules 文件夹删除，然后执行命令 cnpm i 重新安装依赖即可。

DN金猿的博客 849

Vue-cli3 + webpack搭建vue项目流程以及打包发布流程

目录 1.命令行初始化项目 2. 分析项目目录 3. vue.config.js多环境打包配置 4. 发布项目 5.参考文章 1.命令行初始化项目 bogon:vue xudanfeng$ vue create vue-cli-project Vue CLI v3.0.2 ? Please pick a preset: Manually select features ? C...

是一座岛 5566

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

一、已有的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、修改完成，重新运行加载依

小志的博客 8975

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

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

Computer Networks 和 Computer & Security投稿经验

论文投稿

qq_50604294的博客 9234

Vue 项目重命名

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

TechExplorer365的博客 2738

C# CAD2016 多边形顶点按方向重新排序

这样，通过以上步骤，我们找到了一个多边形的一个候选起始顶点（可能位于西北方向），并且已经获取了该多边形的边界框信息，这些信息对于后续判断顶点排列顺序及处理其他相关问题具有重要意义。完整地处理八个方向（东北、东南、西南、西北、北、南、东、西），我们可以创建一个方法来获取多边形相对于给定点的最近顶点及其对应的方向。对象（或类似的多边形表示方式），其中包含了多边形的顶点。//附送AI 图片无版权 随意用 龙年大吉大利。

转眼之间 一路有你 1356

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 packag.

aspxgod10的专栏 3301

android usb读写,安卓(Android)下如何开发USB NFC读写器app

对安卓工程师来说，在安卓下使用USB设备需要了解很多硬件的内容，这可能会导致工程周期的延长或者app的不稳定。为了将这种风险降到最低，友我科技发布了NFC读写器在安卓下的sdk，使用NFC读写器的类接口，安卓工程师就可以直接调用NFC读写器了，简单可靠。NFC读写器的安卓库文件为：yoworfidreader.jar在ADT工程中导入yoworfidreader.jar库文件，即可在工程中引用NF...

weixin_36433781的博客 824

海康威视VS互联网大厂：薪资、福利、工作强度全方位对比

本文全面对比了海康威视与互联网大厂在薪资、福利和工作强度等方面的差异。海康威视提供稳定的薪资结构和较低的工作强度，适合追求专业深度的职场人；而互联网大厂则以高薪和快速成长吸引人才，但工作压力较大。文章还分析了职业发展路径和长期价值，帮助求职者做出明智选择。

weixin_29171129的博客 390

vue——修改项目名

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

weixin_41635393的博客 5147

Reactor 响应式编程（第一篇：Reactor核心）

响应式：响应式编程： 全异步、消息、事件回调默认还是用当前线程，生成整个流、发布流、流操作.log();//只要不指定线程池，默认发布者用的线程就是订阅者的线程；

moments的博客 1572

vue-cli+webpack项目怎样修改项目名称

vue-cli+webpack项目怎样修改项目名称

a_Keri的博客 7153

UCIE Specification详解（十一）

Electrical Layer (2D and 2.5D)以及UCIe-3D

Crazzy_M的博客 1194

RT-DETR升级：TGRS2026 CKConv结合RepC3 | 方向特征与跨阶段融合协同，小目标漏检率大幅下降

小目标鲁棒性提升：CKConv方向选择性抑制背景噪声，RepC3跨阶段传递保留深层微弱热信号，显著改善低对比度、低信噪比场景下的检测精度。

①答疑群聊服务；②YOLO大模型知识问答系统；③计算机视觉论文生成智能体； 154

vue-cli+webpack项目 修改项目名称

使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。 解决办法： 1 删除 node_modules 文件夹（如果修改项目名称，需要在在package.json中修改对应的name） 2 重新安装依赖 cnpm install 3 启动项目 c...

weixin_30367169的博客 783

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册，内含HL7和ASTM)

vue3环境安装

一、安装vue 1、安装python 2、安装nodejs npm config set registry=http://registry.npm.taobao.org npm config set prefix “D:\nodejs\node_global” npm config set cache “D:\nodejs\node_cache” npm config get registry npm config get prefix npm config get cache npm list -glob

weixin_48354845的博客 489

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目，保存在这里方便以后使用直接下载

vue-cli3搭建项目之webpack配置

vue-cli3搭建完整项目之webpack配置 ​ 前面篇介绍了项目初始化，下面就要开始对项目webpack进行配置，由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了，那该怎么办呢？别慌，vue-cli3早就考虑到了这一点，它预留了一个vue.config.js的js文件供我们对webpack进行自...

梦行天宇的博客 6万+

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

vue-cli3搭建完整项目之webpack配置

vue-cli3搭建完整项目之webpack配置 由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了，那该怎么办呢？别慌，vue-cli3早就考虑到了这一点，它预留了一个vue.config.js的js文件供我们对webpack进行自定义配置。 vue.config.js官方配置指南 一、在项目根目录下...

weixin_44524836的博客 2万+

Webpack在Vue CLI中的应用

本文主要阐述了 vue-cli 3.x 下基于 vue.config.js 配置 webpack 的主要方法，同时也介绍了其默认的 webpack 插件与主要功能。

念旧的博客 2044

vuecli 编译后部署_vue-cli基础配置及webpack配置修改的完整步骤

脚手架脚手架帮我们帮我们把 webpack 等相关的配置都处理好，我们只需要基于脚手架快速构建一个项目即可(项目中一定包含webpack的相关配置)vue脚手架 vue-cli我们使用任何东西第一步都是安装1.安装脚手架(一般安装在全局)//=>用npm安装$npm install @vue/cli -g//=>用yarn安装$yarn global add @vue/cli安装成功...

weixin_29516131的博客 1006

vue-cli3之webpack配置

vue-cli 3 中文文档 webpack-chain vue.config.js官方配置指南 当我们项目初始化后，没有了以前熟悉的 build 目录，也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件，可能一时会觉得无从下手，其实是vue-cli3在我们项目初始化的时候，就已经帮我们初...

flym_的博客 7838

webpack，cli安装步骤

webpack webpack-dev-server resolve 文件扩展名可以省略 es6 -> es5 ( 优雅降级 ) 什么叫做优雅降级， 什么叫做渐进增强？ 优雅降级指的是， 先进行高版本开发， 然后向下兼容 渐进增强指的是， 先进行低版本稳定开发， 然后在进行高版本技术的引用 css代码抽离（将src目录css文件打包到dist目录中， 并且会自动在index.htm...

qq_43511568的博客 3865

理解vue-cli中的webpack

Vue CLI 核心使用指南 Vue CLI 是官方提供的标准化 Vue 项目构建工具，具有开箱即用的 Webpack 配置。核心功能包括： 快速初始化项目结构（vue create） 内置开发服务器和热更新 提供三种 Webpack 配置方式： 基础配置（outputDir等） configureWebpack合并配置 chainWebpack链式精细控制 支持代码分包、懒加载等优化 可通过vue inspect查看完整配置 典型应用场景：快速构建标准化Vue项目，通过vue.config.js定制构建流

weixin_46282323的博客 1404
上一篇： ESLint：Strings must use single quote
下一篇： vue-cli+webpack项目不能自动热更新
点赞 0
评论 0
书签 书签 0
LuckyJiang.2021
LuckyJiang.2021
博客等级 码龄15年 217粉丝 199原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LuckyJiang.2021

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值