vue项目打包完成后，会生成 dist 文件夹，如何检验 dist 文件夹呢？

1. 安装express本地服务器

npm install -g express-generator

安装完毕之后可以通过 express --version验证express是否安装成功

2. 一般打包完成后会在项目根目录生成一个 dist 文件夹，此时，我们在项目根目录新建一个 js 文件，与dist文件夹平级，内容如下：

const express = require('express')
const app = express()
const port = 8888 
app.use(express.static('dist')) 
app.listen(port, () => console.log(`服务器开启成功!`))

若打包文件夹 dist 在项目根目录，直接 app.use(express.static(‘dist’)) 就行了；否则需要修改dist文件的路径。

3. 在项目根目录下运行 node 命令启动 server.js 文件：

node server.js

成功就会提示服务器开启成功：

4. 到此，只要在浏览器输入：http://localhost:8888 即可预览 dist 文件夹的打包