package.json ----npm run serve 和 npm run dev的区别

最新推荐文章于 2024-01-22 15:50:42 发布
最新推荐文章于 2024-01-22 15:50:42 发布
阅读量1.5k 收藏 4
点赞数
分类专栏： Vue 文章标签： css npm run dev vue
diaolove
本文链接：https://blog.csdn.net/qq_45047809/article/details/121637326
版权
本文探讨了在项目中使用npm run serve和npm run dev时的区别。当遇到npm run serve运行错误时，解决方案是检查package.json中的scripts部分，将"server"改为"dev"。同时，文章介绍了package.json文件的关键字段，如name、version、dependencies和scripts，帮助理解项目配置。
摘要由CSDN通过智能技术生成

今天我发现我用两条命令运行有一个命令会发生错误

 用npm run server 又不报错 ，同样是运行命令

 解决方案：

打开项目配置文件找到

scripts：执行 npm 脚本命令简写，在命令行中通过执行npm run+变量来执行这段脚本

把“server”修改成“dev” ,你用npm run dev 就不会报错了 

反过来你想用npm run server 就改成“server”

扩展：package.json 文件配置说明
name：项目/模块名称，长度必须小于等于214个字符，不能以"."(点)或者"_"(下划线)开头，不能包含大写字母。
version：项目版

最低0.47元/天 解锁文章
北街风
关注
专栏目录
前端开发：npm run serve和npm run dev的区别
软贱开发攻城狮
12-04 4万+
前端开发过程中运行Vue项目的时候，有时候使用npm run serve命令可以启动项目，有时候却会报错；有时候使用npm run dev命令可以启动项目，有时候却也会报错。是什么原因造成这种情况呢，原因在于Vue脚手架版本的问题，也可以理解为执行配置的脚本问题，有的脚手架版本支持npm run serve命令启动项目，有的脚手架版本却支持npm run dev命令启动项目。那么本篇博文就来分享一下怎么避免由于脚手架版本不同造成的启动项目时候的报错问题。 先来分享一个运行npm run serve命令启动
npm run dev/build/serve
niceyoo的博客
12-12 2619
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...
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】伙计，给我来一杯package.json！不加糖
weixin_34245082的博客
07-07 85
前言：夜深了，我熬了一锅热气腾腾的package.json，给大家端上来，希望大家喜欢 json和JS对象的区别 package.json，顾名思义，它是一个json文件，而不能写入JS对象。 所以我们首先要搞懂的是JSON和JS对象的区别： （图源：找到的都是被爬虫爬的文章，实在找不到原作者。。如果有人知道原作者找我加个原作者名呀～）   【注意】 在JSON中属性名一定要加上双...
npm run dev 和 npm run serve
qq_44075328的博客
06-01 6445
当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。当你在开发模式下运行应用程序时，这个命令会编译和打包应用程序的代码，并启动一个本地开发服务器，以便你可以在浏览器中预览应用程序并进行调试。在这个配置中，"serve" 命令会运行 "react-scripts start" 或 "ng serve" 命令，该命令会启动本地开发服务器。在这个配置中，"dev" 命令会运行 "nuxt" 命令，该命令会启动本地开发服务器。
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json
Mb_JUJI的博客
11-19 1284
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json，npm intall的区别
uniapp package.json和mainfest.json，如何区分环境变量
qq_42440919的博客
03-30 1087
g' ${target_dir}/src/manifest.json ，意思就是把“base”后面的值改为"base" : "/html/js-h5-test/"如果是往服务器上发布版本，则是打包成zip在服务器上解压，但注意打包：是把原有的uniapp项目下的所有文件，放到一个对应vue项目的src下（这个是提前建好的项目），然后打包，打包是根据vue项目中的package.json来打包的。g' ${target_dir}/src/manifest.json，意思就是把“base”后面的值改为h5.
npm init 之package.json
一个有味道的Weber
04-03 3143
Package.json 属性说明 属性 说明 name 包名 version 包的版本号 description 包的描述 homepage 包的官网 url author 包的作者姓名 contributors 包的其他贡献者姓名 dependencies 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_mod
element plus el-button不同浏览器样式兼容问题，package.json固定构建依赖包版本
wiwenqiuya的博客
05-27 1796
问题描述： 最近使用element plus框架时，项目最新版本出现不同浏览器el-button样式不同问题，同一套代码不同环境下显示也不同。打开官网才发现是最新版本有bug 解决方案： 将element plus版本固定到2.2.0，即可解决 package.json详解： 在 node.js中，有模块的概念，这个模块可以是一个库、框架、项目等。 这个模块的描述文件就是 package.json。 它是标准的json对象，描述了这个项目的配置信息（名称、版本、许可证等元数据）以及所需要的各种模块
depmissing:在package.json中查找缺少的依赖项
05-11
取消 有时，您可能会安装依赖项，而忘记使用--save进行安装，如果发生这种情况，您的项目将在您的计算机中运行，但可能会在构建版本或其他计算机中中断。 depmissing帮助您找到正在使用但不在package.json节点模块。 基于depcheck进行了 。 命令行 安装 npm install depmissing -g 用法 depmissing <directory> 其中<directory>是应用程序的根目录（package.json所在的位置）。 选项 --ignore ：应忽略的目录列表。 --ignoreModules ：应该忽略的模块列表。 .missingdepsrc 您还可以在项目的根目录中指定用于depmissing到“ .missingdepsrc”文件中的选项。 { "ignore" : [ "vendor" , "build" , "spe
npm run dev时提示找不到package.json
VueUp的博客
10-11 7309
vue在npm run dev时提示找不到package.json文件或者 json文件中没有dev PS E:\vuetyl> npm run dev npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent ENOENT: no such file or directory, open ...
[Vue] npm run serve和npm run dev区别
Spideybww的博客
08-24 175
原因配置在package.json 中` 比如 "scripts": { 　　"serve": "vue-cli-service serve", 　　"build": "vue-cli-service build", 　　"lint": "vue-cli-service lint" ` 这段就使用npm run serve启动。 同理 "scripts": { 　　"dev": "vue-cli-service dev", 　　"build": "vue-cli-service build", 　　"l
npm run dev 与npm run serve的区别
wsrzsfgst的博客
12-20 4062
这个命令的目的通常是启动开发环境，提供一个方便的方式来进行开发，并且可以根据项目的特定需求进行自定义配置。启动一个 webpack-dev-server，该服务器会监听文件的变化并实时重新加载页面，支持热重载（Hot-Reload），方便开发人员在开发过程中进行实时调试和预览。）以及实现方式可能因项目而异，这是一种通用的命名约定，但实际使用时还需要查看项目文档或者配置文件来确定具体的含义和功能。是在开发阶段使用 npm 运行脚本的两种常见命令，它们的区别主要在于脚本的配置和执行方式。
【Vue】npm run serve 和 npm run dev 有什么区别
宾宾宝宝的博客
05-10 654
【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的区别
最新发布
qq_60893085的博客
01-22 3167
1. 功能：通常，"npm run serve"用于启动开发服务器，提供实时的开发环境，支持自动重新加载和热模块替换。而"npm run dev"可以是一个自定义的指令，用于执行其他与开发相关的任务，如编译代码、运行测试等。3. 环境：通常，"npm run serve"是在开发环境中运行，用于提供开发服务器和实时的开发体验。而"npm run dev"可以在开发环境或生产环境中运行，具体取决于项目的配置和定义。而"npm run dev"可以根据项目的需要自定义指令和配置，用于执行各种开发相关的任务。
vue-cli3 配置package.json dev
04-27
在 package.json 文件中的 scripts 字段中可以添加 dev 命令并指定参数，例如： ``` "scripts": { "dev": "vue-cli-service serve --port 8080 --open" } ``` 这里的 `--port` 和 `--open` 就是指定的参数，`--...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

北街风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值