npm run dev 和npm run serve的区别

最新推荐文章于 2024-05-17 17:12:52 发布
最新推荐文章于 2024-05-17 17:12:52 发布
阅读量1.5k 收藏 1
点赞数 3
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AuCkyOu/article/details/117875356
版权

最近初学Vue，有时候启动服务的时候会出现如下的错误，但是一直不知道是为什么

后来安装了yarn，用 yarn serve/npm run serve 启动服务成功了，于是想尝试试一下用npm run dev看看能不能成功，结果发现不行，出现了上面的问题。后来查了网上的资料，发现是具体执行什么命令，要看具体项目的 package.json文件。

 

 

 

启动成功！

AuCkyOu
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vscodeOfMore::SOON_arrow:更方便快捷的使用vscode，通过个性化设置，插件组合，甚至一键启动vue服务npm run dev(serve),解放你的终端，让你写出更优秀的代码:rocket:
04-16
更方便快捷的配置 ...相比之下，个人觉得WebStorm的开发环境，快捷性，页面美化，快速配置npm启动器，还有git等都是很方便的。 所以这里虽然打算开始使用vscode开发，也是把大部分的配置对齐WebStorm 配置内容
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
完成配置后，记得运行`npm run dev`命令重启开发服务器，使改动生效。 3. **配置POST请求**： 如果需要处理POST请求，同样在`webpack.dev.conf.js`的`apiRoutes`上设置。例如，添加一个处理`/foods`的POST请求： ...
yarn serve 和 npm run serve 之间比较分析
m0_69057918的博客
06-06 2208
yarn serve 和 npm run serve 之间比较分析
npm run dev可以，运行的代码用yarn serve和npm run build和npm run serve都不行
weixin_40945354的博客
01-23 1509
package json中是这样的 “scripts”: { “dev”: “vite”, “build”: “vite build” },
npm run dev启动过程及npm run serve区别
最新发布
m0_52226803的博客
05-17 957
它是通过在命令行中运行 "npm run dev" 来启动的，实际上执行的是 package.json 文件中的 "scripts" 部分中定义的 "dev" 命令。pnpm（ performant npm ）指的是高性能的 npm，与 npm 和 yarn 一样是一款包管理工具，其根据自身独特的包管理方法解决了 npm、yarn 内部潜在的安全及性能问题，在多数情况下拥有更快速的安装速度、占用更小的存储空间，结合官网给出的性能测试及项目中的使用表现，其具有良好的应用前景。
npm run serve和npm run dev的区别
qq_60893085的博客
01-22 2913
1. 功能：通常，"npm run serve"用于启动开发服务器，提供实时的开发环境，支持自动重新加载和热模块替换。而"npm run dev"可以是一个自定义的指令，用于执行其他与开发相关的任务，如编译代码、运行测试等。3. 环境：通常，"npm run serve"是在开发环境中运行，用于提供开发服务器和实时的开发体验。而"npm run dev"可以在开发环境或生产环境中运行，具体取决于项目的配置和定义。而"npm run dev"可以根据项目的需要自定义指令和配置，用于执行各种开发相关的任务。
yarn使用教程
MISS_zhang_0110的博客
01-11 374
yarn使用（未完成）一级目录二级目录三级目录 一级目录 二级目录 三级目录
npm run dev 和 npm run serve
qq_44075328的博客
06-01 5970
当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。在这个配置中，"serve" 命令会运行 "react-scripts start" 或 "ng serve" 命令，该命令会启动本地开发服务器。在这个配置中，"dev" 命令会运行 "nuxt" 命令，该命令会启动本地开发服务器。
一分钟理解npm run dev 和 npm run serve
Adae_Stevens的博客
11-02 4538
前端开发过程中运行Vue项目的时候，有时候使用npm run serve命令可以启动项目，有时候却会报错；是什么原因造成这种情况呢，原因在于Vue脚手架版本的问题，也可以理解为执行配置的脚本问题，有的脚手架版本支持npm run serve命令启动项目，有的脚手架版本却支持npm run dev命令启动项目。npm run xxx，并不是你想运行就运行的，只有在 package.json脚本中对scripts 配置了，才可以进行 run 的，所以不是所有的项目都能 npm run dev/serve。
运行 npm run dev 报错
01-20
刚刚创建好vue项目的时候,运行 npm run dev 会报错,如下: C:\Users\未来\Desktop\新建文件夹 (2)>npm run dev npm ERR! path C:\Users\未来\Desktop\新建文件夹 (2)\package.json npm ERR! code ENOENT npm ERR! ...
npm-stats：:chart_increasing:使用vue构建npm软件包统计信息仪表板
02-03
‍:school: 讲解如果您愿意，可以通过以下教程学习如何构建类似的服务：构建设置# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with ...
shop_cart_vue:我正在学习Vue JS
04-06
shop_cart_vue 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
npm run dev 和 npm run serve区别
song_6666的博客
04-14 1万+
在运行vue文件时，需要进行npm操作，但我们发现，有时候用的是npm run serve，而有的时候用的是npm run dev，二者有什么区别 在我们运行一些 vue 项目的时候，输入npm run serve或者 npm run dev的其中一个时，系统会报错： PS C:\Users\123456\Desktop> npm run dev npm ERR! missing script: dev npm ERR! A complete log of this run can be fou
npm run dev/build/serve
niceyoo的博客
12-12 2611
npm run dev/build/serve 1、ERR引发的思考 npm run dev npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR! E:\nodejs\node_cache\_log...
vue项目启动时，npm run serve 和 npm run dev 的区别
qq_40137978的博客
05-27 3万+
npm run serve 和 npm run dev 的区别 在我们运行一些 vue 项目的时候，输入npm run serve或者 npm run dev的其中一个时，系统会报错： PS C:\Users\LENOVO\Desktop> npm run dev npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\LENOVO\AppData\
npm run serve 和 npm run dev 的区别
weixin_57633124的博客
05-28 5654
在日常运行vue 项目中 在终端 运行命令有时用到 npm run serve 有时是 npm run dev。 那么，什么时候用到 serve ，什么时候用到 dev 呢？ 他们的区别是什么？ 例如：在vue 项目终端，输入 npm run serve 或者 npm run dev 其中一个的时候 会出现报错，如下： 以上是运行错误提示，然后找到package.json文件，观察标红代码。 我们会发现 npm run serve 代表执行npm run package.json 里面的
run dev与run serve有何区别
老古懂的博客
08-31 1966
在运行一些项目的时候会出现有些项目run dev报错或者run dev时或报错，并且在之前面试的时候也有被那个面试官问道这个小问题的原因，针对这个错误我们可以看一下vue项目下的package.json文件， "scripts": { 　　"serve": "vue-cli-service serve", 　　"build": "vue-cli-service build", 　　"lint": "vue-cli-service lint" }, 实际上npm run xxx 中的 xxx 可以理解为s
vue 项目 npm run serve 或 npm run dev 时自动打开浏览器
yun_hou的博客
01-08 3万+
开发 vue 项目 npm run serve 时没有不自动打开浏览器，还得自己输入 ip 或 localhost，想让浏览器自动打开，需要做以下配置 1、使用vue-cli 老版本构建项目时， 可修改config文件夹下index.js文件 autoOpenBrowser 属性给为 true 即可 2、使用vue-cli 3.x 版本后，所有的配置项均在vue.config.js中，修改...
npm和yarn的区别和对比
热门推荐
张木期的博客
06-28 6万+
最近在学习得过程中接触到了yarn , 是一个包管理工具,用来替代npm . 下面来总结一下： yarn有以下3个优点 : 安装速度快 (服务器速度快 , 并且是并行下载) 版本锁定 缓存机制 Yarn语法 npm init ---- yarn init npm install ...
Vue中npm run dev 和 npm run serve区别
07-29
在Vue中，`npm run dev`和`npm run serve`是两个常用的命令，它们的区别如下： 1. `npm run dev`：这个命令是在开发环境下运行Vue应用。它会启动一个开发服务器，并在代码发生变化时自动重新构建和刷新页面。这个命令通常用于开发阶段，方便开发人员实时预览和调试应用。 2. `npm run serve`：这个命令也是在开发环境下运行Vue应用，与`npm run dev`相似。不过，与`npm run dev`不同的是，`npm run serve`命令不会执行额外的构建步骤，而是直接从已经构建好的文件中提供静态服务。这个命令适用于在开发阶段中，希望查看最终构建结果或者与其他后端服务集成的情况。 总结起来，`npm run dev`会在运行时进行动态构建和热更新，而`npm run serve`则是直接提供已经构建好的静态资源。在大多数情况下，你可以使用其中任意一个进行开发，具体使用哪个取决于你的需求和偏好。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值