vue-cli3运行npm run serve修改为npm run dev

最新推荐文章于 2024-05-18 15:17:42 发布
最新推荐文章于 2024-05-18 15:17:42 发布
阅读量677 收藏 1
点赞数 1
分类专栏： vue相关 文章标签： vue.js npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43923808/article/details/131182447
版权

使用vue-cli3搭建项目，然后使用 npm  run dev 命令运行发现项目运行报错。vue-cli3运行项目的命令应该是npm run serve,那如何修改为npm run dev呢?可以直接在package.json文件里面把serve修改dev即可。

默认是如下

 找到package.json文件，打开文件找到  "serve": "vue-cli-service serve"  这一行，把前面的 serve 修改 dev 后保存文件

修改后

 回去终端重新运行npm run dev， 这个时候就会发现项目运行成功了。

  在使用vue-cli3搭建项目的时候会发现，vue-cli3运行项目的命令是npm run serve,和我们以前使用的npm run dev不一样，那如何修改为npm run dev呢?可以直接在package.json文件里面把serve修改dev即可。

大大。
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地访问在webpack.dev.conf.js里...
将vue运行命令run serve变为run dev
qq_52359462的博客
06-04 1849
将运行项目时的npm run serve 改为npm run dev需要改package.json里的东西 将serve 改为dev 就可以使用npm run dev运行项目
Vue专题（二）vue启动命令的配置与更改
XueZePeng18729875380的博客
03-15 1668
使用vue-cli创建的vue项目，3.0以前的都是npm run serve。“serve” 对应的是npm run serve命令。但是3.0以后默认的命令是npm run dev。“dev” 对应的是npm run dv。2. 找到对应的配置，改成自己需要的。
深入解析 Vue.js 项目的启动奥秘：npm run dev 与 npm run serve
最新发布
qq_44103359的博客
05-18 1226
在 Vue.js 项目开发中，和是两个常见的命令，用于启动开发服务器。这两个命令虽然都服务于同一个目的——启动开发环境，但它们在实现细节和用途上有所不同。本文将深入探讨这两个命令的启动过程，并揭示它们之间的区别。
VUE3学习 第二章 vite认识 SFC语法规范 VUE3-vscode插件 npm run dev执行过程详解 模板语法和V3指令
m0_55170432的博客
11-02 1525
学习
vue3.0运行npm run dev 报错Cannot find module ‘node:url‘
前进者
08-23 1万+
vue3.0运行npm run dev 报错Cannot find module 'node:url'，安装node版本等于或者大于15.0.0版本，然后npm run dev即可
vue3环境搭建、vite命令和vue指令
xzal12的博客
11-19 1392
解释：vue3新增加了setup(){ ........ return }，其中方法和定义变量都可以在里面写，但是变量必须要用return出去，才能在页面展示。解决：用于了setup语法糖，就不用再必须return变量才能显示了。
Vue3 + Vite项目 npm run dev详解
cloki的博客
09-29 3415
npm run dev详解 执行npm run dev的过程： 1、到package.json文件中找到script脚本命令dev的命令vite去运行 问： 为什么不直接执行vite 答： 在本地环境下没有配置vite，使用npm run dev软链接技术连接 2、使用软链接技术，去node_modules文件夹中找到vite文件夹中的package.json文件中的bin配置项（软链接） 3、在安装node_modules时，会将软链接地址提取出来放在.bin目录下 执行npm run xxx时，查找顺序
vue-cli4-vant：基于vue-cli4和vant的移动端开发模板
02-06
技术栈：vue-cli4 + webpack4 + vant + axios +更少+ postcss-px2rem // 安装依赖npm install// 本地启动npm run dev// 生产打包npm run build配置优势vant是一套轻量，可靠的移动端Vue组件库，非常适合基于vue技术...
vue-cli配置环境变量的方法
12-12
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常...
vue-cli3脚手架的配置及使用教程
10-18
2. **@vue/cli-service-global**：这是一个全局可执行的命令，用于快速启动无配置的原型开发，不需要每次启动项目时都运行 `npm run`。 3. **@vue/cli-service**：这是一个运行时依赖，集成了前端生态中最佳的工具...
public-vue-cli:多个项目公用一套vue-cli 配置
05-14
npm run dev test-1 # build for production with minification npm run build test-1 # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run e...
Vue项目 npm run xxx执行过程
YanHSama的博客
09-24 1729
既然vue-cli-service这条指令不存在操作系统中，为什么执行npm run serve的时候，也就是相当于执行了vue-cli-service serve ，为什么这样它就能成功，而且不报指令不存在的错误呢？文件里找scripts 里找对应的xxx，然后执行 xxx的命令，例如启动vue项目 npm run serve的时候，实际上就是执行了vue-cli-service serve 这条命令。目录下的文件表示软连接，那这个bin目录下的那些软连接文件是哪里来的呢？的时候，首先会去项目的。
npm run dev 出现 ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序
热门推荐
weixin_43840373的博客
08-17 9万+
一、npm run dev 出现 ‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 问题： 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue-element-admin@4.2.1 dev: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed
pnpm改造替换npm
liuniansilence的博客
07-13 1208
pnpm使用硬链接的方式共享已安装的包，而npm使用的是符号链接的方式共享已安装的包。这样，当你安装一个包的不同版本或者不同项目使用同一个包时，它们会共享已经安装的包，减少了磁盘空间的占用，同时也加速了安装的速度。pnpm有对node版本的要求。pnpm的硬链接模式和npm的dedupe功能是类似的，都是通过共享已安装的包来减少磁盘空间的占用，同时也可以提高安装包的速度。: pnpm可以管理多个项目的依赖，可以将相同的依赖安装在一个公共的位置，减少磁盘空间的占用，并且可以快速地切换项目之间的依赖关系。
npm run dev 执行过程
qq_37485170的博客
11-24 5183
所以当使用 npm run dev 执行 vue-cli-service serve 时，虽然没有安装 vue-cli-service的全局命令，但是 npm 会到 ./node_modules/.bin 中找到 vue-cli-service 文件作为 脚本来执行，则相当于执行了 ./node_modules/.bin/vue-cli-service serve。在npm run dev的时候，首先会去项目的package.json文件里找scripts 里找对应的 dev ，然后执行 dev 的命令。
vue3.0运行npm run dev 报错Cannot find module node:url
baorant24的博客
10-25 1620
vue3.0运行npm run dev 报错Cannot find module
vue-cli2和vue-cli3新建项目的常用命令
丨小毛子的博客
02-28 1743
vue-cli2和vue-cli3新建项目的常用命令 1、安装vue-cli2脚手架 （1）在cmd命令行中输入脚手架安装命令(win+R打开cmd或Windows PowerShell)； （2）全局安装vue2脚手架：npm install -g vue-cli 或者指定版本：npm i vue-cli@2.9.6 -g； （3）安装以后，输入：vue -V 出现相应的版本号，则表示安装成功； （4）卸载脚手架：npm uninstall -g vue-cli； 2、搭建项目 （1）、初始化项目：vue
Vue进阶攻略之项目启动命令的配置与切换
zm17671443092的博客
02-05 1655
VUE进阶攻略之项目启动命令的配置与切换 vue启动命令的切换npm run dev和npm run serve的配置 使用vue-cli创建的vue项目，3.0以前的都是npm run serve 但是3.0以后默认的命令是npm run dev 虽然他们的本质对应的都是 vue-cli-service serve命令 但是run serve和run dev不统一还是令人很不愉快的。 有时间几个不同版本的项目还要不同的命令来启动。 修改方法 1，找到项目中的 package.json 文件（ Nod.
npm run dev > dev > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
08-23
当您执行`npm run dev`命令时，出现了错误信息`'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件`。这个问题可能有几个解决方法。 首先，您可以检查`package.json`文件中是否有`vue-cli-server`的配置。如果没有，您需要安装`vue-cli-service`。您可以通过执行`npm install vue-cli-service -S`来安装它。然后再次运行`npm run dev`命令，看看问题是否解决。 如果您已经安装了`vue-cli-service`，但仍然遇到问题，您可以尝试执行`npm install`命令来重新安装所有的依赖项。然后再次运行`npm run dev`命令，看看是否能够成功启动项目。 如果上述方法都没有解决问题，您可以尝试检查是否存在`node_modules`文件夹。如果存在，您可以尝试修改`node_modules`文件夹的名称（也可以直接删除它），然后重新安装`node_modules`。之后再次运行`npm run dev`命令，看看问题是否解决。 另外，如果您使用的是新版的`vue-webpack-template`，则在配置本地访问的时候，需要在`webpack.dev.conf.js`文件中进行配置，而不是在`dev-server.js`文件中。您可以在`webpack.dev.conf.js`中查找和修改相关配置。 希望这些解决方法能够帮助您解决问题。如果问题仍然存在，请提供更多详细的错误信息，以便我能够提供更准确的帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [npm run dev 报错：‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序](https://blog.csdn.net/m0_59390994/article/details/122456568)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Construction@0.1.0 serve ＞ vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令，也不是可...](https://blog.csdn.net/weixin_48998573/article/details/130951012)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [浅谈vue-cli加载不到dev-server.js的解决办法](https://download.csdn.net/download/weixin_38568031/13198943)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值