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

这篇文章主要为大家详细介绍了Vue2.0仿饿了么webapp单页面应用详细步骤，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

部分截图

【图片暂缺】

【图片暂缺】

【图片暂缺】

安装&&运行：

1、安装 node：http://nodejs.cn/download/

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

2、从我的仓库克隆代码：

$ git clone https://github.com/ColinScales/shell

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

$npm install vue-cli -g

4、进入代码根目录安装依赖：

$ npm install --save-dev

5、运行命令：

$ npm run dev

打开浏览器查看运行效果

6、发布代码：

$ npm run build

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

注意不能直接打开index.html运行，需要开启http server运行代码。 直接运行我写好的配置文件就可以运行代码：

$ node prod.server.js

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

本文来自：http://www.q1010.com/184/5289-0.html

注：关于Vue2.0仿饿了么webapp单页面应用详细步骤的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js