npm run dev启动过程及npm run serve区别

一、npm run dev启动过程?

1.npm run *** 是执行配置在package.json中的脚本，比如：

"scripts": {

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

"start": "npm run dev", "lint": "eslint --ext .js,.vue src",

"build": "node build/build.js"

},

npm run dev 执行的就是webpack-dev-server --inline --progress --config build/webpack.dev.conf.js命令

2.webpack.dev.conf文件通过merge引用了webpack.base.conf.js文件

const baseWebpackConfig = require('./webpack.base.conf')

3.在webpack.base.conf.js文件中调用了./src/main.js

entry: {

app: './src/main.js'

},

4.main.js用到了一个html元素#app，并创建了一个vue

new Vue({

el: '#app',

router,

components: { App },

template: '<App/>'

})

5.创建的vue会插入到webpack.dev.conf.js配置中HtmlWebpackPlugin配置的文件中

new HtmlWebpackPlugin({

filename: 'index.html',

template: 'index.html',

inject: true

}),

6.main.js中配置了router-view，router-view会加载HelloWorld.vue并插入到index.html的中

二.npm run dev 是啥意思?

npm run dev 是指运行一个 node.js 项目中的开发环境。它是通过在命令行中运行 "npm run dev" 来启动的，实际上执行的是 package.json 文件中的 "scripts" 部分中定义的 "dev" 命令。一般情况下，"dev" 命令会启动一个本地服务器，并监听文件的变化，当有文 件变化时自动刷新页面，方便开发人员进行调试和开发工作。

三、npm run serve和npm run dev ?

npm run serve和npm run dev是两个常见的npm命令，用于在开发过程中运行项目。 npm run serve通常用于启动一个开发服务器，用于在本地开发环境中运行项目。它会启动一个本地服务器，并监听指定的端口，然后将 项目的文件提供给浏览器访问。这个命令通常会自动检测文件的更改，并在保存文件时重新构建和刷新页面，以便开发人员可以实时预览 更改。 npm run dev则是一个更通用的命令，它可以用于运行项目的开发环境。这个命令的具体行为可能因项目而异，通常会包括启动开发服务 器、构建静态资源、监听文件更改等。具体来说，它可能会执行一系列在开发过程中需要的操作，以便开发人员可以在本地进行开发和调 试。 总的来说，npm run serve和npm run dev都是用于在开发过程中运行项目的命令，但具体的行为可能因项目而异。在运行这些命令之前， 你需要确保项目的依赖已经安装好，并且配置文件正确设置

四.yarn,pnpm,pip?

yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，yarn 是为了弥补 npm 的一些缺陷而出现的

pnpm（ performant npm ）指的是高性能的 npm，与 npm 和 yarn 一样是一款包管理工具，其根据自身独特的包管理方法解决了 npm、yarn 内部潜在的安全及性能问题，在多数情况下拥有更快速的安装速度、占用更小的存储空间，结合官网给出的性能测试及项目中的使用表现，其具有良好的应用前景。

pip 是一个现代的，通用的 Python 包管理工具。提供了对 Python 包的查找、下载、安装、卸载的功能。注：pip 已内置于 Python 3.4 和 2.7 及以上版本，其他版本需另行安装。