普歌-码上鸿鹄团队-硅谷外卖项目搭建

167 阅读1分钟

一、脚手架创建项目

注:vue-cli脚手架是自动创建的

1、把glicp-client_blank文件夹复制到自己创建的项目文件夹中重命名为glicp-client。

2、用编译器打开glicp-client的package.json,改名字 在这里插入图片描述 3、在文件夹里面运行cmd 在这里插入图片描述 4、运行npm start或者npm run dev 在这里插入图片描述 5、用编译器打开config的index.js,修改autoOpenBrower:false改为autoOpenBrower:true 在这里插入图片描述 6、在浏览器打开http://localhost:8080 在这里插入图片描述

二、生产环境打包运行

1、在文件夹里面运行cmd

注:执行命令的时候在有package.json的文件执行 在这里插入图片描述

2、在命令行输入npm run build

3、在命令行输入serve dist

4、在浏览器打开http://localhost:5000 在这里插入图片描述 以上两种方式都可以,任选一种即可。