npm run serve和npm run dev的区别

最新推荐文章于 2024-02-27 10:00:48 发布
最新推荐文章于 2024-02-27 10:00:48 发布
阅读量709 收藏
点赞数 1
分类专栏： vue.js 文章标签： javascript css vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44774831/article/details/117376345
版权

以前做项目要启动项目得输入npm run serve，后来跟着一个视频学，发现启动项目用npm run serve，其实两者关系很简单：

就是vue版本的不同导致的
以前的vue2.x版本用npm run dev来启动
现在的项目用的是vue3.0，所以要用npm run serve来启动
同时项目根目录不再有config文件，以前的配置需要新建一个vue.config.js文件里面设置

sing__star
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vscodeOfMore::SOON_arrow:更方便快捷的使用vscode，通过个性化设置，插件组合，甚至一键启动vue服务npm run dev(serve),解放你的终端，让你写出更优秀的代码:rocket:
04-16
更方便快捷的配置 ...相比之下，个人觉得WebStorm的开发环境，快捷性，页面美化，快速配置npm启动器，还有git等都是很方便的。 所以这里虽然打算开始使用vscode开发，也是把大部分的配置对齐WebStorm 配置内容
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 ...
npm run dev 和 npm run serve
qq_44075328的博客
06-01 5142
当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。在这个配置中，"serve" 命令会运行 "react-scripts start" 或 "ng serve" 命令，该命令会启动本地开发服务器。在这个配置中，"dev" 命令会运行 "nuxt" 命令，该命令会启动本地开发服务器。
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 和 npm run serve的区别
最新发布
m0_46638350的博客
02-27 1480
dev 是一个在 package.json 文件中 scripts 部分定义的一个脚本命令的名称。通常，这个名称 dev 是开发环境的简写，意味着这个命令通常用于启动开发服务器或进行开发相关的任务。run 是 npm 的一个子命令，用于执行在 package.json 文件的 scripts 部分定义的脚本。npm 是 Node.js 的包管理器，它允许你安装、更新、删除和管理 Node.js 的模块和应用程序。
npm run dev 与npm run serve的区别
wsrzsfgst的博客
12-20 2684
这个命令的目的通常是启动开发环境，提供一个方便的方式来进行开发，并且可以根据项目的特定需求进行自定义配置。启动一个 webpack-dev-server，该服务器会监听文件的变化并实时重新加载页面，支持热重载（Hot-Reload），方便开发人员在开发过程中进行实时调试和预览。）以及实现方式可能因项目而异，这是一种通用的命名约定，但实际使用时还需要查看项目文档或者配置文件来确定具体的含义和功能。是在开发阶段使用 npm 运行脚本的两种常见命令，它们的区别主要在于脚本的配置和执行方式。
npm run serve 和 npm run dev 的区别
weixin_57633124的博客
05-28 5414
在日常运行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 里面的
运行 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! ...
浅谈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-cli配置环境变量的方法
12-12
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常...
解决vue项目运行npm run serve报错的问题
01-18
先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;一定要注意分号， 然后在path环境中配置C:\Windows\System32 最后去项目安装依赖 npm i 运行项目 npm run serve 如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖，运行项目就可以成功了 补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
npm run dev和npm run serve
专注Java（全栈）应用开发，求知若渴，虚心若愚，而知也无涯
12-03 1951
网络爬虫的是一个非常常见的需求。npm实际上是nodejs官方提供的包管理平台，npm提供了一个命令行工具npm-cli，在我们使用npm这个命令时，我们实际是通过node运行一个名为npm-cli.js的脚本在构建项目时，通过npm install命令，会在项目目录下生成一个名为node_modules的文件夹在package.json文件中，有一个scripts的字段 3.npm run serve npm run serve的时候是运行vue-cli-service serv node_module
一分钟理解npm run dev 和 npm run serve
Adae_Stevens的博客
11-02 3450
前端开发过程中运行Vue项目的时候，有时候使用npm run serve命令可以启动项目，有时候却会报错；是什么原因造成这种情况呢，原因在于Vue脚手架版本的问题，也可以理解为执行配置的脚本问题，有的脚手架版本支持npm run serve命令启动项目，有的脚手架版本却支持npm run dev命令启动项目。npm run xxx，并不是你想运行就运行的，只有在 package.json脚本中对scripts 配置了，才可以进行 run 的，所以不是所有的项目都能 npm run dev/serve。
关于Vue项目npm操作中npm run serve或npm run dev报错以及二者区别
黛琳ghz的博客，期待你的关注。
10-21 5590
我们在启动vue项目的时候，需要用到npm操作，比如使用npm run serve或npm run dev。 比如说我们下载其他人的开源vue项目时，我们想在本地运行时，我们用的到npm run serve或npm run dev有时候会出现报错，无论是serve还是dev都有出现报错的情况。
做vue项目时npm run dev 和npm run serve区别
weixin_55705383的博客
01-26 519
在Vue项目中，可以使用npm run dev和npm run serve命令来启动开发服务器，但它们在不同的情况下使用。功能的开发服务器，以便在开发过程中实时预览和调试你的代码。这个命令通常在你需要进行。它会构建项目并启动一个服务器，用于提供已构建的静态文件。这个命令通常在你需要。功能，而npm run serve用于。npm run serve命令用于在。总结起来，npm run dev用于。npm run dev命令用于在。
npm run serve与npm run dev的区别
weixin_64443786的博客
09-04 1671
npm run serve与npm run dev区别
npm run dev/build/serve
niceyoo的博客
12-12 2595
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 dev 和 npm run serve区别
07-29
在Vue中，`npm run dev`和`npm run serve`是两个常用的命令，它们的区别如下： 1. `npm run dev`：这个命令是在开发环境下运行Vue应用。它会启动一个开发服务器，并在代码发生变化时自动重新构建和刷新页面。这个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值