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


Posted in Javascript onJuly 08, 2018

部分截图

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

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后的运行效果。

Javascript 相关文章推荐
JavaScript Array扩展实现代码
Oct 14 Javascript
Extjs中常用表单介绍与应用
Jun 07 Javascript
js动态加载以及确定加载完成的代码
Jul 31 Javascript
使用闭包对setTimeout进行简单封装避免出错
Jul 10 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
Apr 07 Javascript
javascript针对不确定函数的执行方法
Dec 16 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
jqPlot jQuery绘图插件的使用
Jun 18 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
May 03 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
antd中table展开行默认展示,且不需要前边的加号操作
Nov 02 Javascript
JavaScript中展开运算符及应用的实例代码
Jan 14 Javascript
mac上配置Android环境变量的方法
Jul 08 #Javascript
vue.js使用watch监听路由变化的方法
Jul 08 #Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 #Javascript
jQuery插件实现弹性运动完整示例
Jul 07 #jQuery
vue.js使用v-pre与v-html输出HTML操作示例
Jul 07 #Javascript
vue.js实现格式化时间并每秒更新显示功能示例
Jul 07 #Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
Jul 07 #Javascript
You might like
php访问查询mysql数据的三种方法
2006/10/09 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
如何在php中正确的使用json
2013/08/06 PHP
回帖脱衣服的图片实现代码
2014/02/15 PHP
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
JS URL传中文参数引发的乱码问题
2009/09/02 Javascript
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
基于jquery的返回顶部效果(兼容IE6)
2011/01/17 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
高效利用Angular中内置服务$http、$location等
2016/03/22 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
2016/07/08 Javascript
详解JavaScript树结构
2017/01/09 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
JS实现的贪吃蛇游戏完整实例
2019/01/18 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
小程序实现搜索框
2020/06/19 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
python sklearn库实现简单逻辑回归的实例代码
2019/07/01 Python
关于python中的xpath解析定位
2020/03/06 Python
HTML5 视频播放(video),JavaScript控制视频的实例代码
2018/10/08 HTML / CSS
医药专业应届毕业生求职信范文
2014/01/01 职场文书
大学四年职业生涯规划书范文
2014/01/02 职场文书
大班幼儿评语大全
2014/04/30 职场文书
酒店开业主持词
2015/07/02 职场文书
导游词之舟山普陀山
2019/11/06 职场文书
Java反应式框架Reactor中的Mono和Flux
2021/07/25 Java/Android
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL