本文介绍了在Vue和React项目中，如何使用`serve`工具进行本地预览已打包的项目。在项目上线前，前端开发者通过执行`npm install --global serve`安装全局`serve`包，然后在`dist`或`build`目录下运行`serve`命令，可以快速启动一个本地服务器，检查项目是否正常运行。这种方式为前端人员在部署前提供了便捷的本地验证方式。
大多的情况下，我们在使用了vue也好，react也罢，项目要上线了，前端人员往往都会进行项目打包，执行build命令，会得到一个dist包或者build包，只需要把这个包交给后端人员，部署到正式服务器即可，但是有时候我们想先看看这个build出来包，能不能正常的运行什么的。那这个时候就可以借助于我们前端的一个npm包。
输入命令：
npm install --global serve
而后呢，找到我们build出来的包，这里我以vue的项目举例；
在左侧可以看到有一个dist文件夹，这是我运行build命令后，得到的，是要交给后端人员放置到正式服务器上的包。dist的目录如下，这个时候，我们直接在浏览器打开index.html是看不到任何东西的
现在就到我们刚才安装的serve包登场了，我们在当前dist目录下，运行cmd，输入serve，会看到如下界面
我们直接复制local到浏览器，看到如此便是成功
对于React项目也是一样，找到build的目录，运行serve即可
扫一扫
7297
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
