Vue启动项目使用npm run dev还是用npm run serve

最新推荐文章于 2023-03-23 17:32:00 发布
最新推荐文章于 2023-03-23 17:32:00 发布
阅读量2.2k 收藏 2
点赞数
分类专栏： 个人博客系统 vue 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45566730/article/details/117963517
版权
本文讨论了在Vue项目中选择使用`npm run dev`还是`npm run serve`的原因，主要取决于Vue脚手架的版本。Vue-cli2使用`npm run dev`，而Vue-cli3及以上版本则推荐使用`npm run serve`。对于从Vue-cli2迁移至Vue-cli3的项目，可以通过安装@vue/cli-init并调整package.json配置，在Vue-cli3中继续使用`npm run dev`启动。
摘要由CSDN通过智能技术生成

使用npm run dev还是npm run serve有两点原因

1. 脚手架版本号

vue-cli2使用npm run dev

vue-clie3以上版本使用npm run serve

2. 配置问题

如果安装的是vue-cli3可以将vue-cli2拉过来即在使用npm install -g @vue/cli安装完成脚手架之后输入命令npm install -g @vue/cli-init，然后再vue项目中的package.json中进行如下配置

 "scripts": {
   
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    &#
最低0.47元/天 解锁文章
Oh No 发量又少了
关注
专栏目录
npm run serve 和 npm run dev
weixin_49456013的博客
10-30 2127
作为一个后端开发人员，对前端知识只只皮毛，很多时候都是比葫芦画瓢，原理一点也不知。 写这篇文章的原因，还要从开始的新前端项目说起，从SVN检出项目，第一步运行一下，开始比葫芦画瓢，尴尬了，运行不了，开始查找原因。。。 ...
为什么新建vue3脚手架只能用npm run serve不能用npm run dev
qq_44075328的博客
06-01 548
部分中定义对应的命令。因此，如果你使用 Vue CLI 3 创建了一个新项目，你应该使用。这是因为 Vue CLI 3 将开发和构建命令都封装在。需要注意的是，如果你想在项目中自定义开发和构建命令，可以在。命令来启动本地开发服务器。在 Vue CLI 3 中，新建的项目默认使用的是。命令中，而不是将它们分别作为 npm 脚本来定义。命令来启动本地开发服务器，并监视文件的更改。在这个配置中，"dev" 命令会运行。命令来启动本地开发服务器，而不是。命令来启动本地开发服务器，而不是。命令来启动本地开发服务器。
vue项目启动时，是npm run serve，还是 npm run dev ？
pangzi_mm的博客
03-21 2557
npm run serve
vue项目测试时的启动方法（不是npm run dev）
dd2016124的博客
12-22 567
npm run serve
vue2.0项目运行
侯恩呈专栏
04-02 2808
当拿到一个vue项目时大家如何运行，很多小白都是度娘，其实很简单，只需要按下面步骤即可。 1、一定要从官方仓库安装，npm 服务器在国外所以这一步安装速度会很慢。 npm install 2、不要从国内镜像cnpm安装(会导致后面缺了很多依赖库) cnpm install 3、安装 vue 路由模块vue-router和网络请求模块vue-resource cnpm install vue-router vue-resource --save 4、编译 cnpm...
vue脚手架依赖包安装不成功_Vue：脚手架，从安装到运行第一个项目（写给新手）...
weixin_39944542的博客
11-21 346
进入我的主页，查看更多VUE的分享！我的电脑是Win系统，在Win7、Win10均已测试。一、安装环境1. 安装nodejs官方下载地址(https://nodejs.org/en/)下载时，建议选择LTS的版本，因为是长期支持版，稳定没BUG；下载后，直接安装；安装时，除了安装路径可以更改，其它全部点下一步；安装后，打开cmd窗口(Win+R)，输入：node -v 或 npm -v 查看版本号...
vue npm run serve/dev命令后台运行：nohup npm run serve ＞web.log 2＞&1 & exit
学亮编程手记
12-23 1073
nohup npm run serve >web.log 2>&1 & exit
运行 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! ...
package.json ----npm run serve 和 npm run dev的区别
diaolove的博客
11-30 1584
今天我发现我用两条命令运行有一个命令会发生错误 用npm run server 又不报错 ，同样是运行命令 解决方案： 打开项目配置文件找到 scripts：执行 npm 脚本命令简写，在命令行中通过执行npm run+变量来执行这段脚本 把“server”修改成“dev” ,你用npm run dev 就不会报错了 反过来你想用npm run server 就改成“server” 扩展：package.json 文件配置说明 name：项目/模块名称，长度必须小于等于2...
vue项目配置自动打开浏览器 npm run serve启动项目显示0.0.0.0:8080
szh1127249432的博客
01-29 766
vue项目配置自动打开浏览器 npm run serve启动项目显示0.0.0.0:8080
【vue】vue项目运行npm run dev 报错“missing script:dev”
liuxiaowei
04-28 1680
错误问题 解决方案 1、使用npm run serve 运行，即可解决 2、如果想继续使用npm run dev运行项目，怎么办？ 打开vue项目文件夹 找到文件“package.json”，打开 找到文件中下面的内容，将"serve" 改为“dev”，即可 思考：为什么npm run dev 是运行vue项目的指令，却运行不了 原因：vue-cli版本的问题 vue...
如何用npm run serve 和 npm run dev都可启动vue项目
weixin_39106139的博客
03-23 1422
package.json文件中的scripts修改成： "scripts": { "dev": "vue-cli-service serve", "build": "vue-cli-service build", "serve": "vue-cli-service serve" }
从网上下载vue项目执行npm run serve报错解决方案
yt1318519610的博客
09-08 364
背景：从网上下载了vue项目后，在本地执行npm run serve报错 错误信息： 解决方案： 1.需先在项目目录下执行：npm install 2.运行成功后再去执行：npm run serve
记录--你还在傻傻的npm run serve吗？快来尝尝这个！
林恒的博客
03-23 659
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 大家在日常开发中应该经常会有需要切换不同环境地址的情况。当一个项目代码切换环境地址时，vue-cli没有能够感知文件的变化，所以代理的还是旧的地址，所以通常我们需要执行npmrunserve进行项目重跑，而项目重跑往往意味着长时间的等待，非常痛苦！ 方案调研 事实上，其实我们只是需要重启webpack为我们启动的pro...
npm run serve 和 npm run dev 的区别
weixin_57633124的博客
05-28 5728
在日常运行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）yarn run serve ，保存后自动构建速度慢，卡在百分之七十左右。
晓果博客
03-29 6555
上网查阅资料，说是node内存不足；解决办法如下： 第一步： yarn add(npm install) babel-plugin-dynamic-import-node --save 第二步： 修改babel.config.js文件 module.exports = { presets: [ '@vue/app' ], env: { development: { plugins: ['dynamic-import-node'] } } } 以上操
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卡住 即 vue-cli-service serve卡住，不提示错误信息，进程也不关闭
热门推荐
ylushen的博客
07-31 1万+
如图，运行过程中，代码编译不懂，npm run build 也能运行，热加载有问题。 解决办法： 我的问题出现在使用template时，外层没有给根div，两个组件并行，导致死循环 <template> <children></children> <base-video src="//vjs.zencdn.net/v/oceans.mp4">&l...
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`则是直接提供已经构建好的静态资源。在大多数情况下，你可以使用其中任意一个进行开发，具体使用哪个取决于你的需求和偏好。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值