vue项目打包后本地运行方法

本文详细介绍了如何通过Express快速创建并运行一个本地服务器。首先,通过npm全局安装express-generator,然后在指定文件夹内创建项目,安装所需依赖。接着,将打包后的dist文件夹内容移动到public文件夹下,并修改端口设置。最后,运行npm start启动服务器,访问localhost:3000即可查看效果。此教程适合初学者快速上手Express。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

搭建express本地服务器

1.安装express-generator (cmd全局安装)

        npm i express-generator -g

2.cmd打开要创建项目的文件夹,跑下面的代码,创建一个express项目

        express my-express-project

注:my-express-project 是项目名称,可随意自取,只要运行下面命令时保持统一即可。

3.进入项目目录

        cd my-express-project

这时my-express-project 文件夹下的内容如下图所示、

4.安装相关项目依赖

        npm install

然后把刚刚打包后的dist文件夹下的所有文件复制到public文件夹下面(原文件可以删除)

5.运行项目

        npm run start

6.在浏览器中查看

        在地址栏输入localhost:3000即可

注:如需修改端口号,打开my-express-project\bin\www文件,如下图:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值