Vue,如何本地直接运行打包后(npm run build)的项目

4 阅读1分钟

运行npm run build命令后,会生成一个dist文件夹:

使用 live-server

全局安装live-server插件:在终端中执行npm install -g live-server

进入dist文件夹:在终端中使用cd命令进入到打包后生成的dist文件夹

启动服务:在dist文件夹下的终端中输入live-server,默认会监听在 8080 端口

访问项目:打开浏览器,输入localhost:8080就可以预览项目

如果端口被占用,可以用live-server --port=8084,换个端口运行。

一定要把dist重新打开一个窗口,如何直接在正在跑的服务器路径中跑起来会报错。