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

最新推荐文章于 2024-08-09 10:19:42 发布
原创 最新推荐文章于 2024-08-09 10:19:42 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

使用vue-cli+webpack创建的项目，修改文件名称或位置后运行会报错。npm项目安装依赖时记录当前文件路径，修改后无法正常启动。解决办法是删除node_modules文件夹，若修改项目名称需在package.json中修改name，然后重新安装依赖并启动项目。

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

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

解决办法：

  1. 删除 node_modules 文件夹（如果修改项目名称，需要在package.json中修改对应的name）
  2. 重新安装依赖 npm install
  3. 启动项目 npm run dev 
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 9605
未完
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
而使用Vue CLI3，可以使用`vue-cli3 create my-project`来创建项目，其中`my-project`是你想要的项目名称。 以上就是关于在同一台电脑上实现Vue CLI2与Vue CLI3共存的详细方法。这种方法的实现，可以让你在同一个...
vue-cli+webpack项目 修改项目名称的方法
08-27
下面小编就为大家分享一篇vue-cli+webpack项目 修改项目名称的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-cli+webpack项目 修改项目名称
weixin_30367169的博客
12-19 762
使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。 解决办法： 1 删除 node_modules 文件夹（如果修改项目名称，需要在在package.json中修改对应的name） 2 重新安装依赖 cnpm install 3 启动项目 c...
vue-cli的项目的重命名
ef_ef的博客
11-20 613
vue项目的目录名修改 package.json下name修改 删除node_modules目录 npm i 重新下载
Vue-CLI项目修改项目名
qq_45661948的博客
07-30 751
1.删除 node_modules 文件夹 2.修改项目名称(项目文件夹名称)，并在package.json中修改对应的name 3.重新安装依赖 npm install 4.启动项目 npm run serve
项目后期修改项目名称
我的工作点滴
04-13 861
一、停止server 二、在Tomcat中删除项目名称 三、选择项目名称右键，选择Rename修改项目名称。 四、选择项目，右键选择Properties，在搜索框中输入“web”，选择web 在Context Root窗口中找到Web Context-root输入框中输入你要修改的项目名称。
vue+vue-router+webpack框架搭建.pdf
12-12
在命令行中执行`npm install -g vue-cli`全局安装vue-cli，然后运行`vue init webpack my-vue`初始化项目，其中`my-vue`是项目文件夹名称。 3. **项目配置**：进入项目目录`cd my-vue`，然后运行`npm install`安装...
vue+webpack项目动态设置页面title的方法
weixin_44766633的博客
01-27 467
https://blog.youkuaiyun.com/weixin_42333548/article/details/103626427?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1
WebStorm2020 修改project name项目名称
hello world
02-21 1909
WebStorm IDE中，项目文件夹上右键 - Refactor - Rename 在打开的选择窗口中选择Rename project，并点击OK 在弹出的窗口中，输入你新的项目名称即可。
详解vue-cli 脚手架项目-package.json
12-08
使用vue-cli脚手架新建的项目中，含有package.json。 package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。 { "name": "vue-manage", // 项目名称 "version": "1.0.0", // 版本 "description": "Reimbursement Manage", // 描述 "author": "LXG", // 作者 "private": true, //是否私人项目 "scripts": { "dev": "node bui
vue项目名修改、webstorm和idea创建的项目重命名、重构项目、修改项目名称
最新发布
zhangfuping123456789的博客
08-09 1万+
vue、idea、webstorm
解决vue项目目录名字更改后启动异常问题：code: ‘ERR_MODULE_NOT_FOUND‘
DN金猿的博客
07-16 774
我更改了项目根目录的名字，然后在 package.json 中的 name 属性也改了相同的名字。把项目目录中的 node_modules 文件夹删除，然后执行命令 cnpm i 重新安装依赖即可。
webpack的使用与配置
m0_58118986的博客
10-10 515
现代 javascript 应用程序的静态模块打包器 (module bundler)把很多文件打包整合到一起, 缩小项目体积, 提高加载速度ES6/7/8 -> ES5 处理js兼容支持js模块化处理css兼容性html/css/js -> 压缩合并是安装node后用来存放用包管理工具下载安装的包的文件夹。比如这些工具。在node.js中模块与文件是一一对应的，也就是说一个node.js文件就是一个模块。
Vue47-修改默认配置webpack.config.js文件
qq_31532983的博客
06-16 485
vue.config.js配置文件
vue如何进行webpack的配置
codemami的博客
05-05 1126
如果你使用的是 Vue CLI 创建的项目，并且只是想进行一些小的 Webpack 配置调整，你可以考虑使用 Vue CLI 的配置文件（例如 vue.config.js）来进行调整，而不是完全手动配置 Webpack。然而，如果你想要手动配置 Webpack 或者有特定的需求，你也可以在 Vue 项目中直接进行 Webpack 的配置。这个配置指定了入口文件（你的 Vue 应用的入口），输出文件的名称和位置，以及如何处理 .vue 和 .css 文件。选择你需要的配置，或者手动选择特性。
如何修改当前Vue项目的项目名称
DanielSmith
06-03 3885
其实Vue修改项目名称的重点就是搞明白，与项目名有关的地方都在哪里： 假设你已经拥有了一个项目名称为：TEST1， 我们想要修改成为TEST2新建一个文件夹名称为TEST2将TEST1内部所有内容复制到TEST2中(若嫌node_modules复制的太慢，可以不选node_modules，到时候cd到项目根目录再npm install 进行相关依赖包的下载即可)重要的是下面的修改：请在TEST2的根目录下面，寻找到你刚才复制过来的package.json文件： 修改如下内容 为TEST2 ： 将packag
Vue.config.js 配置选项
qq_42112846的博客
12-19 747
vue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。 // Vue.config.js 配置选项 module.exports = { ...
Vue.js项目结构解析：vue2.0+vue-cli+webpack
Vue.js系列之项目结构说明(2)主要涵盖了基于Vue 2.0的项目构建，使用了vue-cli工具，配合webpack和vue-router 2.0，以及vue-resource 1.0.3来处理HTTP请求。本篇文章旨在解释Vue项目中的基本目录结构和关键文件的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

LuckyJiang.2021

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

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

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

打赏作者

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

抵扣说明：

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

余额充值