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 相关文章推荐
原始的js代码和jquery对比体会
Sep 10 Javascript
简单实现js页面切换功能
Jan 10 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
Jqprint实现页面打印
Jan 06 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
Mar 10 Javascript
微信小程序商城项目之淘宝分类入口(2)
Apr 17 Javascript
详解Angular Reactive Form 表单验证
Jul 06 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
对vue中v-on绑定自定事件的实例讲解
Sep 06 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
Vue实现图书管理小案例
Dec 03 Vue.js
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
Win2003服务器安全加固设置--进一步提高服务器安全性
2007/05/23 PHP
判断PHP数组是否为空的代码
2011/09/08 PHP
关于初学PHP时的知识积累总结
2013/06/07 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
PHP 实现 WebSocket 协议原理与应用详解
2020/04/22 PHP
新闻内页-JS分页
2006/06/07 Javascript
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
2011/12/31 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
javascript替换已有元素replaceChild()使用介绍
2014/04/03 Javascript
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
基于javascript实现图片滑动效果
2016/05/07 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
2016/09/23 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
2017/10/18 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
Vue实现固定定位图标滑动隐藏效果
2019/05/30 Javascript
微信小程序背景音乐开发详解
2019/12/12 Javascript
Vue按时间段查询数据组件使用详解
2020/08/21 Javascript
Python内置函数的用法实例教程
2014/09/08 Python
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
Python爬虫爬取煎蛋网图片代码实例
2019/12/16 Python
Python使用psutil获取进程信息的例子
2019/12/17 Python
美国校园市场:OCM
2017/06/08 全球购物
2014年加油站站长工作总结
2014/12/23 职场文书
小学教育见习总结
2015/06/23 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
干货:企业内部人才推荐奖励方案!
2019/07/09 职场文书