首页 > 其他分享 >npm run dev 和 npm run serve 区别

npm run dev 和 npm run serve 区别

时间:2024-03-28 12:12:01浏览次数:25  
标签:npm vue run serve dev 运行

在日常运行vue 项目中 在终端 运行命令有时用到 npm run serve 有时是 npm run dev。

那么,什么时候用到 serve ,什么时候用到 dev 呢? 他们的区别是什么?

一般在 vue 3.x 的时候用 npm run serve,vue2.x项目运行的时候用到 npm run dev,

dev是vue cli2的默认执行命令,serve是vue cli4的默认执行命令

例如:在vue 项目终端,输入 npm run serve 或者 npm run dev 其中一个的时候 会出现报错,如下:

 以上是运行错误提示,然后找到package.json文件,观察标红代码。

我们会发现 npm run serve 代表执行npm run package.json 里面的scripts值,

例如 npm run serve实际运行的是vue-cli-service serve,

在此vue项目中dev 代表的是vue-cli-service serve,所以我们通过 npm run dev 可以运行此项目,如下:

 运行成功(运行成功后一般即可弹出项目运行页面)

如果不想重新运行直接看到页面的话,通过 local显示的链接复制,在浏览器打开,就能看到该vue项目

感谢 盘思动 的分享

https://www.cnblogs.com/pansidong/p/16505075.html

 

标签:npm,vue,run,serve,dev,运行
From: https://www.cnblogs.com/hailexuexi/p/18101311

相关文章

  • hiveserver2拒绝连接
    一、报错内容 二、解决办法基本都是core-site.xml文件中没做好代理导致的。在文件中添加如下配置<property><name>hadoop.proxyuser.xxx.hosts</name><value>*</value></property><property><name>hadoop.proxyuser.x......
  • npm cache clean --force
    根据错误信息,gyp在执行node-p"require('node-addon-api').include"时返回了退出代码1,并在binding.gyp文件中出现了错误。这种情况可能是由于构建过程中缺少必要的依赖项或工具链导致的。以下是一些可能的解决方案:确保您的系统已正确安装了Node.js的相关构建工具。您......
  • iOS - Runtime - Class-方法缓存(cache_t)
    文章目录iOS-Runtime-Class-方法缓存(cache_t)1.散列表的存取值iOS-Runtime-Class-方法缓存(cache_t)Class内部结构中有个方法缓存(cache_t),用散列表(哈希表)来缓存曾经调用过的方法,可以提高方法的查找速度。(使用空间换时间的方式来提升速度)其中,_buckets就......
  • iOS - Runtime-消息机制-objc_msgSend()
    iOS-Runtime-消息机制-objc_msgSend()前言本章主要介绍消息机制-objc_msgSend的执行流程,分为消息发送、动态方法解析、消息转发三个阶段,每个阶段可以做什么。还介绍了super的本质是什么,如何调用的1.objc_msgSend执行流程OC中的方法调用,其实都是转换为objc_msgSend函......
  • 在 Windows Server 2022 系统中,你可以使用一些组合命令结合系统自带的工具来实现文件
    在WindowsServer2022系统中,你可以使用一些组合命令结合系统自带的工具来实现文件夹同步。以下是一个示例组合命令,结合Robocopy和TaskScheduler来实现文件夹同步:使用Robocopy进行文件夹同步:Robocopy是Windows自带的一个命令行工具,用于复制大量文件和文件夹。你可......
  • SqlServer(3)SqlServer经典总结大全-数据库同步-基础知识整理-能力提升
    三、SQLServer同步复制技术实现步骤,配上详细步骤和代码语句和输出SQLServer的同步复制是一种确保数据在发布服务器和订阅服务器之间实时同步的技术。以下是同步复制的详细步骤,包括代码语句和可能的输出。1.准备工作确保两台服务器(发布服务器和订阅服务器)的网络连接是正......
  • npm ERR! path /Users/apple/.npm/_cacache/index-v5/11/77/cf18d9ab54d565b57fb3
    在使用npm时,有时候您可能会遇到类似以下错误的权限问题:npmERR!path/Users/apple/.npm/_cacache/index-v5/11/77/cf18d9ab54d565b57fb3npmERR!codeEACCESnpmERR!errno-13npmERR!syscallopennpmERR!Error:EACCES:permissiondenied,open'/Users/apple/......
  • Qt 操作sql server数据库
    Qt操作sqlserver数据库添加qtsql的库连接数据库QSqlDatabase_db=QSqlDatabase::addDatabase("QODBC");_db.setHostName();_db.setDatabaseName();_db.setUserName();_db.setPassword();_db.setPort();_db.open();增QSqlQueryquery;query.prepare("INSER......
  • sqlserver连接超时
    常规的连接超时,都是查看:网络是否联通防火墙是否关闭、tcp/ip协议是否启用、账号密码问题等。这种的基本上应用连不上数据库,但数据库管理器也肯定连不上。最近碰到2次特别现象就是应用连接数据库超时,但服务器上的数据库管理器连接是没问题的,数据库访问也正常。特此记录一下查了很......
  • Sql server 2019 文件夹共享方式异地备份遇到的问题
    1、无法找到路径'\\192.168.66.50\share_domain\2、该作业失败。 无法确定所有者WIN-DOAR3JOEG2C\Administrator(拥有作业Mofang异地差异备份.Subplan_1)是否有服务器访问权限(原因:无法获取有关WindowsNT组/用户'WIN-DOAR3JOEG2C\Administrator'的信息,错误代码0x54......