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 相关文章推荐
google地图的路线实现代码
Aug 20 Javascript
Javascript的各种节点操作实例演示代码
Jun 27 Javascript
javascript闭包传参和事件的循环绑定示例探讨
Apr 17 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
Jun 24 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
angularjs实现文字上下无缝滚动特效代码
Sep 04 Javascript
纯JS单页面赛车游戏制作代码分享
Mar 03 Javascript
详解Node.js模板引擎Jade入门
Jan 19 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
如何使JavaScript休眠或等待
Apr 27 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调用三种数据库的方法(1)
2006/10/09 PHP
JS与PHP向函数传递可变参数的区别实例代码
2011/05/18 PHP
php fsockopen伪造post与get方法的详解
2013/06/14 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
PHP下载大文件失败并限制下载速度的实例代码
2019/05/10 PHP
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
JavaScript交换两个变量值的七种解决方案
2016/12/01 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
JavaScript框架Angular和React深度对比
2017/11/20 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
2018/07/16 Javascript
vue-cli3.0配置及使用注意事项详解
2018/09/05 Javascript
vue项目使用微信公众号支付总结及遇到的坑
2018/10/23 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
node实现简单的增删改查接口实例代码
2019/08/22 Javascript
[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁
2018/04/04 DOTA
Python 的内置字符串方法小结
2016/03/15 Python
Puppeteer使用示例详解
2019/06/20 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
Python如何使用PIL Image制作GIF图片
2020/05/16 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
渗透攻击的测试步骤
2014/06/07 面试题
销售职业生涯规划范文
2014/03/14 职场文书
促销活动总结
2014/04/28 职场文书
体育活动总结范文
2014/05/04 职场文书
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
Nginx 负载均衡是什么以及该如何配置
2021/03/31 Servers
Win11电脑显示本地时间与服务器时间不一致怎么解决?
2022/04/05 数码科技