npm run dev/serve的区别，以及build和lint的作用

最新推荐文章于 2025-04-13 22:10:18 发布
最新推荐文章于 2025-04-13 22:10:18 发布
阅读量1.1w 收藏 19
点赞数 4
分类专栏： 问题集合 Vue问题 文章标签： vue.js 学习 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_44648936/article/details/123293392
版权
本文探讨了Vue-cli中dev与serve的区别，以及它们在package.json中的启动方式。同时，详细介绍了build与lint在项目开发中的作用，包括打包和代码质量检查。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、dev和serve的区别

这两个的作用都是启动项目，但是如果启动报错，就大概率是因为Vue-cli的版本不同
在这里插入图片描述
主要使用哪个启动项目要查看package.json中的scripts内容，如果是dev，则使用npm run dev，但如果是serve，则使用npm run serve

二、build和lint的作用

build：作用就是打包
lint：作用是修复错误的配置

57 npm run build 和 npm run serve 的差异
970655147的专栏
04-02 1886
这时候可以通过 devServer 下面的 devMiddleware 的配置进行配置, 增加了一个 writeToDisk 的选项, 这样的话 devServer 这边会将编译的结果, 也写出到内存文件系统, 然后也会写一份数据到磁盘, 服务本身的使用 还是使用 内存文件系统的数据。这个问题 我找了很久, 最后终于找到了。这里主要是从 vue-cli 的流程 来看一下 我们经常用到的这两个命令, 他到传递给 webpack 打包的时候, 的一个具体的差异, 大致是配置了那些东西?
npm run serve/build 背后的真实操作
奔跑的痕迹的博客
02-28 1万+
vue CLI 用起来的确很舒服，方便省事，但他经过层层封装很难明白，执行完那个npm run serve/build 后他都干了些什么，甚至不知道整个项目是怎么跑起来的，今天自己抽时间就去瞅瞅,为加深记录特此记录记录 文章目录一、探寻npm run 背后的真实操作1、看看 npm run serve2、仿造一个serve2-1. 创建测试文件夹2-2. 在 node_modules\.b...
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 build到线上发布》
wozhenbang2的博客
04-13 856
刚写完代码的你兴奋地点下，却发现不知道生成的dist文件夹该怎么用？别急，这篇手把手教程带你完成从本地打包到服务器部署的全流程！🚀。
理解npm run dev 和 npm run serve的区别
m0_46638350的博客
02-27 4838
dev 是一个在 package.json 文件中 scripts 部分定义的一个脚本命令的名称。通常，这个名称 dev 是开发环境的简写，意味着这个命令通常用于启动开发服务器或进行开发相关的任务。run 是 npm 的一个子命令，用于执行在 package.json 文件的 scripts 部分定义的脚本。npm 是 Node.js 的包管理器，它允许你安装、更新、删除和管理 Node.js 的模块和应用程序。
npm run serve 和 npm run dev 的区别
weixin_57633124的博客
05-28 5839
在日常运行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 里面的
【Vue】npm run serve 和 npm run dev 有什么区别
宾宾宝宝的博客
05-10 716
【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的
npm run serve 和 npm run dev
weixin_49456013的博客
10-30 2312
作为一个后端开发人员，对前端知识只只皮毛，很多时候都是比葫芦画瓢，原理一点也不知。 写这篇文章的原因，还要从开始的新前端项目说起，从SVN检出项目，第一步运行一下，开始比葫芦画瓢，尴尬了，运行不了，开始查找原因。。。 ...
npm run dev运行配置
最新发布
05-22
### 关于 `npm run dev` 配置方法及常见问题解决 #### 一、`npm run dev` 的基本原理 `npm run dev` 是通过调用 `package.json` 文件中的 `scripts` 字段来执行特定命令的一种方式。在 Vue CLI 或其他前端框架中，...
Vue3的npm run dev
01-28
当遇到执行`npm run dev`或类似的启动命令失败的情况时，常见的排查方向包括但不限于确认`package.json`内是否存在对应的script条目以及检查环境变量和依赖项是否正确安装。特别是针对新初始化的Vue3项目，应当确保...
天天命令中输入 npm run xxx，倒底 npm run 做了什么，为什么就能开启一个服务？
w807139809的博客
12-24 1172
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。出自《菜鸟教程》其实说白了 npm 就是一个基于 node 下的包管理工具，做过 java 开发的同学肯定 maven，作用都差不多。
npm run dev 与npm run serve的区别
wsrzsfgst的博客
12-20 5195
这个命令的目的通常是启动开发环境，提供一个方便的方式来进行开发，并且可以根据项目的特定需求进行自定义配置。启动一个 webpack-dev-server，该服务器会监听文件的变化并实时重新加载页面，支持热重载（Hot-Reload），方便开发人员在开发过程中进行实时调试和预览。）以及实现方式可能因项目而异，这是一种通用的命名约定，但实际使用时还需要查看项目文档或者配置文件来确定具体的含义和功能。是在开发阶段使用 npm 运行脚本的两种常见命令，它们的区别主要在于脚本的配置和执行方式。
54 npm run serve 和 npm run build 输出的关联和差异
970655147的专栏
03-31 2976
这里大概看一下 app.js 的业务代码部分, 这里的实现和 npm run serve 拿到的 app.js 的实现具体逻辑是一样的, 只是 npm run servce 需要实现一部分特定的开发模式下的特性, 做了一些代理处理, 所以 看着更加复杂一些。App.vue 组件的定义如下, 这里主要是包含了 App 的 html模板数据, js处理逻辑, css样式数据, 然后 componentNormalizer 来组合了这几个部分, 定义了 App 的组件。
npm run serve和npm run dev的区别
qq_60893085的博客
01-22 4079
1. 功能：通常，"npm run serve"用于启动开发服务器，提供实时的开发环境，支持自动重新加载和热模块替换。而"npm run dev"可以是一个自定义的指令，用于执行其他与开发相关的任务，如编译代码、运行测试等。3. 环境：通常，"npm run serve"是在开发环境中运行，用于提供开发服务器和实时的开发体验。而"npm run dev"可以在开发环境或生产环境中运行，具体取决于项目的配置和定义。而"npm run dev"可以根据项目的需要自定义指令和配置，用于执行各种开发相关的任务。
vue中npm run serve和npm run dev 的区别
qq_43237354的博客
08-29 489
虽然我们可以通过改变serve的字段名来改变npm run命令，但是在使用的时候，npm run dev和npm run serve本质上是运行不同版本的vue-cli脚本启动项目.当package.json里scripts是如下所示： 使用npm run serve。当package.json里scripts是如下所示： 使用npm run dev。其实具体要使用哪种命令，是根据我们package.json里写的配置文件来决定。
npm run serve与npm run dev的区别
weixin_64443786的博客
09-04 1883
npm run serve与npm run dev区别
npm run dev和npm run serve两个命令的区别
相关项目可以查看https://gitee.com/fan-pl或https://github.com/fpl1116
02-21 1222
npm run dev和npm run serve两个命令的区别
package.json ----npm run serve 和 npm run dev的区别
song_6666的博客
03-25 765
今天我发现我用两条命令运行有一个命令会发生错误  用npm run server 又不报错 ，同样是运行命令  解决方案： 打开项目配置文件找到 scripts：执行 npm 脚本命令简写，在命令行中通过执行npm run+变量来执行这段脚本 把“server”修改成“dev” ,你用npm run dev 就不会报错了  反过来你想用npm run ser...
做vue项目时npm run dev 和npm run serve区别
weixin_55705383的博客
01-26 1108
在Vue项目中，可以使用npm run dev和npm run serve命令来启动开发服务器，但它们在不同的情况下使用。功能的开发服务器，以便在开发过程中实时预览和调试你的代码。这个命令通常在你需要进行。它会构建项目并启动一个服务器，用于提供已构建的静态文件。这个命令通常在你需要。功能，而npm run serve用于。npm run serve命令用于在。总结起来，npm run dev用于。npm run dev命令用于在。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值