苏眠月|run serve 到底做了什么?,Vue:npm
前言在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【苏眠月|run serve 到底做了什么?,Vue:npm】看一下运行成功之后的提示信息:
{"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","lint":"vue-cli-servicelint
- 苏眠月|荣耀V40基本确认:120Hz高刷+66W快充+鸿蒙2.0
- HYG雨果数码|骨传导耳机你用过吗?南卡骨传导-RUNNER体验
- 苏眠月|3070官方性能数据公布,比AMD显卡晚一天发布,RTX
- 快科技|XP、Server 2003源代码泄露:微软终于回应,Windows
- IT之家|XP与Server 2003源代码泄露一事,微软正调查Windows
- 苏眠月|手机充电先插电源还是先插手机?顺序错了手机寿命会缩短一半
- 苏眠月|一切都来得如此快,国产芯片加速“去美化”!ASML也抓紧布局
- 苏眠月|布局中国市场?网友:怕我们自主研发,荷兰ASML正式宣布
- cnBeta|Run Club应用更新:带来全新表盘、Twilight Mode和Streaks,Nike
- 趣头条|Roadrunner 电池谍照 直径是松下电池 2 倍,特斯拉