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 相关文章推荐
使用TextRange获取输入框中光标的位置的代码
Mar 08 Javascript
轻量级javascript 框架Backbone使用指南
Jul 24 Javascript
原生js的数组除重复简单实例
May 24 Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 Javascript
JS实现图片上传预览功能
Nov 21 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
Bootstarp基本模版学习教程
Feb 01 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
Feb 27 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
AngularJS集合数据遍历显示的实例
Dec 27 Javascript
vue 实现的树形菜的实例代码
Mar 19 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 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比较多维数组中值的大小排序实现代码
2012/09/08 PHP
PHP操作Memcache实例介绍
2013/06/14 PHP
Mysql的Root密码忘记,查看或修改的解决方法(图文介绍)
2013/06/14 PHP
PHP中判断变量为空的几种方法小结
2013/11/12 PHP
php使用codebase生成随机数
2014/03/25 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
基于 Swoole 的微信扫码登录功能实现代码
2018/01/15 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
在服务端(Page.Write)调用自定义的JS方法详解
2013/08/09 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
2016/06/02 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
jQuery图片拖动组件Dropzone用法示例
2017/01/17 Javascript
深入理解vue Render函数
2017/07/19 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
Vue实现导航栏的显示开关控制
2019/11/01 Javascript
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
Django model update的多种用法介绍
2020/03/28 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
Python 多线程C段扫描、检测 Ping扫描脚本的实现
2020/09/03 Python
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
美国购物网站:Clickhere2shop
2021/01/28 全球购物
Linux管理员面试经常问道的相关命令
2013/04/29 面试题
UNIX特点都有哪些
2016/04/05 面试题
车间主管岗位职责
2013/11/14 职场文书
农民入党思想汇报
2014/01/03 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书
试了下Golang实现try catch的方法
2021/07/01 Golang
JavaScript文档对象模型DOM
2021/11/20 Javascript