【Vue】npm run serve 和 npm run dev 有什么区别

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

【Vue】npm run serve 和 npm run dev 有什么区别

其实这个很简单，在package.json文件中，有scripts，上面定义了我们在运行vue文件到底是用serve或者dev

显然这个是用

npm run serve

在这里插入图片描述
而这个是用

npm run dev

在这里插入图片描述

补充知识：

vue项目启动都是根据package.json中定义的，如果想更换vue项目启动的方式的话，改一下scripts中的配置就好了。 但是最常用的启动vue的项目还是dev和serve

dev是vue cli2的默认执行命令，serve是vue cli3的默认执行命令，二者虽只有版本不同，但是在打包时还是有很大的区别，想知道执行是哪个命令时，记得先看一下package.json文件中的配置

宾宾叔叔
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-monoplasty-slide-verify:Vue幻灯片验证在线预览
05-02
vue-monoplasty-slide-verify 一个Vue插件以滑动验证 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build 快速开始 1.将vue-monoplasty-slide-verify导入您的vue.js项目。 使用构建工具： npm install --save vue-monoplasty-slide-verify import Vue from 'vue' ; import SlideVerify from 'vue-monoplasty-slide-verify' ; Vue . use ( SlideVerif
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的区别
最新发布
m0_46638350的博客
02-27 1432
dev 是一个在 package.json 文件中 scripts 部分定义的一个脚本命令的名称。通常，这个名称 dev 是开发环境的简写，意味着这个命令通常用于启动开发服务器或进行开发相关的任务。run 是 npm 的一个子命令，用于执行在 package.json 文件的 scripts 部分定义的脚本。npm 是 Node.js 的包管理器，它允许你安装、更新、删除和管理 Node.js 的模块和应用程序。
浅谈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里配置即可。 #webpack.dev.conf.js //首先 // nodejs开发框架express，用来简化操作 const express = require('express') // 创建node.js的express开发框架的实例 const app = express() // 引用的json地
npm-stats：:chart_increasing:使用vue构建npm软件包统计信息仪表板
02-03
npm-stats 从您的npm软件包统计信息中生成漂亮的图表 访问 ‍:school: 讲解 如果您愿意，可以通过以下教程学习如何构建类似的服务： 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report
vscodeOfMore::SOON_arrow:更方便快捷的使用vscode，通过个性化设置，插件组合，甚至一键启动vue服务npm run dev(serve),解放你的终端，让你写出更优秀的代码:rocket:
04-16
更方便快捷的配置 放弃WebStorm走向vscode之路，因为存在的项目，一个项目下有十几个项目分支，每个项目分支对应着一个独立的项目。导致每次切换到一个子项目的分支的时候，WebStorm运行的项目都要停止，次数多了，每天都要面临down机。 原因 WebStorm来回切换，并不能自动刷新文件 每次重启服务很耗内存，改动大了，切换两个来回（这里可能超过20次以上），电脑直接卡死 这里特意测试了一下vscode，能满足项目需求，所以决定开发工具转向vscode。 相比之下，个人觉得WebStorm的开发环境，快捷性，页面美化，快速配置npm启动器，还有git等都是很方便的。 所以这里虽然打算开始使用vscode开发，也是把大部分的配置对齐WebStorm 配置内容
关于Vue执行命令dev和serve
学习使我快乐_玉祥
08-16 2547
dev是vue-cli2版本的命令，它有它自己的config文件夹，build文件夹 serve是vue-cli3版本的命令，它不需要config，build文件夹，而是以vue.config.js配置文件的形式代替。 因此，如果你创建的是vue-cli3版本的Vue项目，想用dev命令，会涉及到很多的插件不兼容，以及这些配置文件缺失的情况，是个旋涡坑........，既然创建了3版本就用serve即可......。 ...
npm run dev/serve的区别，以及build和lint的作用
qq_44648936的博客
03-05 1万+
一、dev和serve的区别 这两个的作用都是启动项目，但是如果启动报错，就大概率是因为Vue-cli的版本不同 主要使用哪个启动项目要查看package.json中的scripts内容，如果是dev，则使用npm run dev，但如果是serve，则使用npm run serve 二、build和lint的作用 build：作用就是打包 lint：作用是修复错误的配置 ...
vue npm run serve和npm run dev运行vue项目的区别
qq_42949209的博客
11-26 4400
在运行vue文件时，需要进行npm操作，但我们发现，有时候用的是npm run serve，而有的时候用的是npm run dev，二者有什么区别，或者是说npm run XXX是怎么定义的呢 其实这个很简单，在package.json文件中，有scripts，上面定义了我们在运行vue文件到底是用serve或者dev或者别的 举个例子吧 package.json文件中： "scripts": { "serve": "vue-cli-service serve", "build": "vu
Vue3 从入门到放弃 （第一篇.环境准备）
Meta.Qing的博客
08-29 6904
Vue (发音为 /vjuː/，类似) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。：Vue 会自动跟踪 JavaScript 状态变化并在改变发生时响应式地更新 DOM。.........
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 报错
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配置环境变量的方法
12-12
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常...
vue是什么_Vue：npm run serve 到底做了什么？
weixin_39555179的博客
11-27 7746
前言在 vue-cli2或者 vue-cli3 中，当我们创建好一个项目，我们要通过 npm run dev(vue-cli2的命令，vue-cli3之后用npm run serve，原理都一样，只不过是换了一下名字而已)运行一个项目。或者通过 npm run build 打包一个项目。那么问题来了，当我们在命令框中输入这两个命令的时候：这背后到底是做了什么是谁帮我们做的这些事准备工作首先我们先来...
vue-cli3运行npm run serve修改为npm run dev
weixin_43923808的博客
06-13 568
可以直接在package.json文件里面把serve修改dev即可。vue-cli3运行项目的命令应该是npm run serve。
为什么新建vue3脚手架只能用npm run serve不能用npm run dev
qq_44075328的博客
06-01 394
部分中定义对应的命令。因此，如果你使用 Vue CLI 3 创建了一个新项目，你应该使用。这是因为 Vue CLI 3 将开发和构建命令都封装在。需要注意的是，如果你想在项目中自定义开发和构建命令，可以在。命令来启动本地开发服务器。在 Vue CLI 3 中，新建的项目默认使用的是。命令中，而不是将它们分别作为 npm 脚本来定义。命令来启动本地开发服务器，并监视文件的更改。在这个配置中，"dev" 命令会运行。命令来启动本地开发服务器，而不是。命令来启动本地开发服务器，而不是。命令来启动本地开发服务器。
vue项目启动时，是npm run serve，还是 npm run dev ？
pangzi_mm的博客
03-21 2318
npm run serve
浅析“npm run dev”作用
weixin_48610566的博客
08-21 1万+
npm run dev
vue dev和serve区别
qq_37299479的博客
03-16 939
dev 和 serve 区别
Vue中npm run dev 和 npm run serve区别
07-29
在Vue中，`npm run dev`和`npm run serve`是两个常用的命令，它们的区别如下： 1. `npm run dev`：这个命令是在开发环境下运行Vue应用。它会启动一个开发服务器，并在代码发生变化时自动重新构建和刷新页面。这个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值