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 通用简单的table选项卡实现
May 07 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
Aug 16 Javascript
输入密码检测大写是否锁定js实现代码
Dec 03 Javascript
express的中间件bodyParser详解
Dec 04 Javascript
js判断鼠标左、中、右键哪个被点击的方法
Jan 27 Javascript
Ajax实现不刷新取最新商品
Mar 01 Javascript
Vue 进入/离开动画效果
Dec 26 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
element-ui 表格数据时间格式化的方法
Aug 24 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
vue中英文切换实例代码
Jan 21 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 cookie的操作实现代码(登录)
2010/12/29 PHP
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
PHP获取文件夹大小函数用法实例
2015/07/01 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
2017/09/01 PHP
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
JQuery的ready函数与JS的onload的区别详解
2013/11/21 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
Javascript小技能总结(推荐)
2016/06/02 Javascript
JS实现的数字格式化功能示例
2017/02/10 Javascript
Bootstrap标签页(Tab)插件使用方法
2017/03/21 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
vue单页缓存方案分析及实现
2018/09/25 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
Vue发布项目实例讲解
2019/07/17 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
[01:01]青春无憾,一战成名——DOTA2全国高校联赛开启
2018/02/25 DOTA
Python爬虫爬验证码实现功能详解
2016/04/14 Python
pytorch + visdom CNN处理自建图片数据集的方法
2018/06/04 Python
Django ORM 聚合查询和分组查询实现详解
2019/08/09 Python
基于Python实现签到脚本过程解析
2019/10/25 Python
python logging.info在终端没输出的解决
2020/05/12 Python
行政经理的岗位职责
2013/11/23 职场文书
大学生军训自我鉴定
2014/02/12 职场文书
组织鉴定材料
2014/06/02 职场文书
校园安全学习心得体会
2016/01/18 职场文书
团组织关系介绍信
2019/06/24 职场文书
2019感恩宣传标语!
2019/07/05 职场文书