vue项目打包后如何在本地运行

搭建express服务器

  • cmd 执行以下命令
npm i express -g
npm i express-generator -g
  • 创建项目:my-express-project
express my-express-project
  • 然后在你的目录下执行npm install,将我们打包好的dist目录下的文件放入public文件内

vue项目打包后如何在本地运行_第1张图片
vue项目打包后如何在本地运行_第2张图片

  • 然后在执行npm run start

vue项目打包后如何在本地运行_第3张图片

  • 在浏览器中输入http://localhost:3000就可以访问啦

出现的小插曲

如果安装失败,cmd执行,查看express的版本

  express --version

如果查不到版本那么你需要配置用户变量与系统变量,执行:npm config ls;查看prefix的位置,再去环境变量中配置Path
vue项目打包后如何在本地运行_第4张图片
用户变量为:
C:\Users\cuiyuxin\AppData\Roaming\npm
系统变量为:
C:\Users\cuiyuxin\AppData\Roaming\npm\node_modules

你可能感兴趣的:(环境,vue.js,npm,前端)