前言

在 vue-cli2或者 vue-cli3 中，当我们创建好一个项目，我们要通过 npm run dev(vue-cli2的命令，vue-cli3之后用npm run serve，原理都一样，只不过是换了一下名字而已)运行一个项目。或者通过 npm run build 打包一个项目。那么问题来了，当我们在命令框中输入这两个命令的时候：

这背后到底是做了什么
是谁帮我们做的这些事

准备工作

首先我们先来创建一个vue项目，这里需要说明一下，我们也可以不用非得创建一个vue的项目，创建一个文件夹，然后在里面创建几个js文件，也可以。不过我们现在都对vue比较熟悉，我们就以vue项目为例。

好，先来创建一个vue项目，在命令行中输入命令：vue create test-vue

我的vue-cli版本是4.4.6，所以要通过这行命令创建。其它版本的可以查一下官方文档。这里不过多解释。

当创建好之后出现以下提示，说明项目已经创建好了

用vscode打开项目，看一下文件目录：

下找到vue变量_Vue：npm run serve 到底做了什么？相关推荐

vue项目工程中npm run dev 到底做了什么
npm install 安装了webpack框架中package.json中所需要的依赖 2.安装完成之后,需要启动整个项目运行,npm run 其实执行了package.json中的script脚本 ...
Vue 中使用npm run serve报错 vue-cli-service serve
一.报错原因:依赖包没有下载成功,或者只是下载安装,有些成功了,有些不行.然后直接运行的话,就出这种问题了二.解决方法:把前端依赖包文件夹node_modules直接删除,重新npm install ...
npm run serve 报错
npm run serve 报错如下: 第一种情况: 那么遇到这种情况不用慌,因为你所在的目录不对,你没有在你所运行的vue项目中运行npm run serve,那么就需要切换到该文件夹目录下 ,然后 ...
Vue：npm run serve运行项目时报了一个ValidationError:CopyPliugin Invalid Options的错误
Vue:npm run serve 运行项目时报了一个ValidationError:CopyPliugin Invalid Options的错误,原因是options应该为数组类型,可是找了半天没找 ...
vue执行配置选项npm run serve的本质
vue执行配置选项npm run serve运行开发服务器的本质目录 vue执行配置选项npm run serve运行开发服务器的本质一.启动开发服务器.调用"工具链".编译. ...
【Vue】npm run serve 和 npm run dev 有什么区别
[Vue]npm run serve 和 npm run dev 有什么区别 Q: 我的粉丝私信我,项目中运行的npm run serve 和 npm run dev 有什么区别?什么时候用npm r ...
vue项目执行命令npm run serve运行项目时停在 98% after emitting CopyPlugin
问题描述启动vue项目执行命令:npm run serve.控制台一直停留在'98% after emitting CopyPlugin' 问题解决对问题进行排查后发现是项目中使用require( ...
vue让你理解npm run dev 和 npm run serve
npm run dev 是vue-cli2.0版本使用的 npm run serve 是vue-cli3.0版本使用的 dev build serve? 在我们运行一些 vue 项目的时候, ...
npm run serve后出现错误显示 vue cil service不是内部或外部命令，不是可运行程序
在npm i之后也没有作用,依旧显示这样的问题. 也不是moudle包问题,此时在终端输入 npm install -g @vue/cli-service 运行后再npm i,再次npm run se ...

下找到vue变量_Vue：npm run serve 到底做了什么？

前言

准备工作

下找到vue变量_Vue：npm run serve 到底做了什么？相关推荐

最新文章

热门文章