Vue2.0仿饿了么webapp单页面应用详细步骤

  

部分截图

  

 Vue2.0仿饿了么webapp单页面应用详细步骤

  

 Vue2.0仿饿了么webapp单页面应用详细步骤

  

 Vue2.0仿饿了么webapp单页面应用详细步骤

  

安装,,运行:
  

  

1,安装节点:http://nodejs.cn/download/

  

安装git: https://git-scm.com/downloads

  

2,从我的仓库克隆代码:

  

美元git克隆https://github.com/ColinScales/shell

  

3,安装vue脚手架工具vue-cli:

  

npm美元安装vue-cli - g

  

4,进入代码根目录安装依赖:

  

npm美元安装——save-dev

  

5,运行命令:

  

美元npm运行dev

  

打开浏览器查看运行效果

  

6,发布代码:

  

美元npm运行构建

  

发布完代码后会生成dist目录,保存着项目的所有可运行的代码。

  

注意不能直接打开指数。html运行,需要开启http服务器运行代码。直接运行我写好的配置文件就可以运行代码:

  

节点prod.server.js美元   

打开浏览器输入localhost: 4444看构建后的运行效果。

Vue2.0仿饿了么webapp单页面应用详细步骤