vue项目编译打包（dist）后，如何在本地运行？？

一、搭建express服务器

• cmd 执行以下命令

npm i express -g
npm i express-generator -g

二、 创建项目并运行dist文件内容

• 在干净的文件夹中 创建项目my-project，执行以下命令

express my-project

• 然后进入项目目录执行 npm install,将打包好的dist目录下的文件 放入public文件内，如下图：

npm install

• 然后执行 npm run start

npm run start

• 如下图所示打包的dist项目已经成功运行
• 在浏览器中输入 http://localhost:3000 就可以访问了

三、运行过程中出现的小问题

• 端口3000已被占用，报错如下图所示：
• 如果安装失败，cmd执行，查看express的版本信息

express --version

如果查不到版本那么你需要配置用户变量与系统变量，执行：npm config ls ;查看prefix的位置，再去环境变量中配置Path

• 用户变量为： C:\Users\cuiyuxin\AppData\Roaming\npm
• 系统变量为：
  C:\Users\cuiyuxin\AppData\Roaming\npm\node_modules