前言
在 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打开项目,看一下文件目录: