江苏龙网

  1. 首页 > 人文 > >

Vue：npm run serve 到底做了什么？

前言在vue-cli2或者vue-cli3中 ， 当我们创建好一个项目 ， 我们要通过npmrundev（vue-cli2的命令 ， vue-cli3之后用npmrunserve ， 原理都一样 ， 只不过是换了一下名字而已）运行一个项目 。 或者通过npmrunbuild打包一个项目 。 那么问题来了 ， 当我们在命令框中输入这两个命令的时候：
这背后到底是做了什么是谁帮我们做的这些事准备工作首先我们先来创建一个vue项目 ， 这里需要说明一下 ， 我们也可以不用非得创建一个vue的项目 ， 创建一个文件夹 ， 然后在里面创建几个js文件 ， 也可以 。 不过我们现在都对vue比较熟悉 ， 我们就以vue项目为例 。
好 ， 先来创建一个vue项目 ， 在命令行中输入命令：vuecreatetest-vue
我的vue-cli版本是4.4.6 ， 所以要通过这行命令创建 。 其它版本的可以查一下官方文档 。 这里不过多解释 。
当创建好之后出现以下提示 ， 说明项目已经创建好了
用vscode打开项目 ， 看一下文件目录：
这背后到底是做了什么我们在命令行中输入命令：
npmrunserve看一下运行成功之后的提示信息：
【Vue：npm run serve 到底做了什么？】其实这个命令不需要记这个命令 ， 我们只要记住npmrun就好 ， 当我们创建完项目之后可以看到一个package.json文件 。 看一下主要的内容：文件内容过多 ， 我们主要看一下script标签的内容
{"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint


    推荐阅读


    上一篇：最早|历史上10大女人之最 她是最早女间谍

    下一篇：玛丽·贝思|英国公司为证明抽烟无害，让狗每天抽100支烟，结果如何？