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 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
range 标准化之获取
Aug 28 Javascript
JavaScript设计模式学习之“类式继承”
Mar 12 Javascript
JavaScript中诡异的delete操作符
Mar 12 Javascript
Node.js编写组件的三种实现方式
Feb 25 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
Nov 03 Javascript
JS中from 表单序列化提交的代码
Jan 20 Javascript
setTimeout学习小结
Feb 08 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
Node.js 的 GC 机制详解
Jun 03 Javascript
javascript实现简单搜索功能
Mar 26 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
MayFish PHP的MVC架构的开发框架
2009/08/13 PHP
神盾加密解密教程(三)PHP 神盾解密工具
2014/06/08 PHP
js和jquery对dom节点的操作(创建/追加)
2013/04/21 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
jquery.post用法关于type设置问题补充
2014/01/03 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
2015/01/28 Javascript
12行javascript代码绘制一个八卦图
2015/04/02 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
微信小程序页面间通信的5种方式
2017/03/31 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
Angular2实现组件交互的方法分析
2017/12/19 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
Vue动态创建注册component的实例代码
2019/06/14 Javascript
[00:48]DOTA2国际邀请赛公开赛报名开始 扫码开启逐梦之旅
2018/06/06 DOTA
[04:54]DOTA2-DPC中国联赛1月31日Recap集锦
2021/03/11 DOTA
Python引用(import)文件夹下的py文件的方法
2014/08/26 Python
Python打造出适合自己的定制化Eclipse IDE
2016/03/02 Python
Django使用详解:ORM 的反向查找(related_name)
2018/05/30 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
3行Python代码实现图像照片抠图和换底色的方法
2019/10/10 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
Python装饰器实现方法及应用场景详解
2020/03/26 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
extern在函数声明中是什么意思
2014/01/19 面试题
优质的学校老师推荐信
2013/10/28 职场文书
说明书怎么写
2014/05/06 职场文书
篮球社团活动总结
2014/06/27 职场文书
单位考核聘任报告
2015/03/02 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
为什么RedisCluster设计成16384个槽
2021/09/25 Redis
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers
Java Spring读取和存储详细操作
2022/08/05 Java/Android