定制app开发浅析“npm run dev”作用

定制app开发这个问题来自于对项目定制app开发的创建过程中需要运行定制app开发的三大指令的思考,是对自己vue技术的底层逻辑搭建。

文章目录

一、是什么

npm run dev是用来搭建环境的。

npm run dev的时候,首先会去项目的package.json文件里找scripts 里找对应的 dev ,然后执行 dev 的命令。

例如启动 npm run serve的时候,实际上就是执行了vite这条命令,在这条命令中,包含了vue-cli-service serve,也就是说。

package.json中可以找到对应的文件代码,即以下的部分:

"scripts": {    "dev": "vite",    "build": "vite build",    "preview": "vite preview"  },
  • 1
  • 2
  • 3
  • 4
  • 5

这个是使用作为搭建工具的时候会得到的结果,作为webpack这类更原始的版本的话Dev就对应着vue-cli-service serve ,也就是以下代码:

"scripts": {    "dev": "vue-cli-service serve"   },
  • 1
  • 2
  • 3

二、做了什么

  • 我们在安装依赖的时候,是通过npm install 来执行的,npm 在安装依赖的时候,会在node_modules/.bin/ 目录中创建好vue-cli-service 为名的几个可执行文件。
  • .bin 目录不是任何一个 npm 包。目录下的文件,表示一个个软链接,打开文件可以看到文件顶部写着 #!/bin/sh ,表示这是一个脚本。
  • 所以当使用 npm run dev 执行 vue-cli-service serve 时,虽然没有安装 vue-cli-service的全局命令,但是 npm 会到 ./node_modules/.bin 中找到 vue-cli-service 文件作为 脚本来执行,则相当于执行了 ./node_modules/.bin/vue-cli-service serve

原文链接:https://blog.csdn.net/web2022050901/article/details/125165316

三、有什么用

npm run dev:只是用来调试的,开发就够了;

补充说明:
有一个相似的命令就是下面这个,也是用来搭建环境的,但有一点小区别,具体情况具体额分析。
npm run build:你想用提交小程序版本的时候,运行,然后代码都会被压缩,提交的时候就更小了。

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发