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 相关文章推荐
Jquery cookie操作代码
Mar 14 Javascript
为指定的元素添加遮罩层的示例代码
Jan 15 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
Mar 26 Javascript
JavaScript函数作用域链分析
Feb 13 Javascript
easyui Draggable组件实现拖动效果
Aug 19 Javascript
理解javascript中的严格模式
Feb 01 Javascript
jQuery.form插件的使用及跨域异步上传文件
Apr 27 Javascript
实例讲解JavaScript中的this指向错误解决方法
Jun 13 Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
vue实现a标签点击高亮方法
Mar 17 Javascript
详解ECMAScript2019/ES10新属性
Dec 06 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
德生9700DX电路分析
2021/03/02 无线电
PHP常用特殊运算符号和函数总结(php新手入门必看)
2013/02/02 PHP
PHP中抽象类、接口的区别与选择分析
2016/03/29 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
JS实现不规则TAB选项卡效果代码
2015/09/16 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
使用Angular自定义字段校验指令的方法示例
2019/02/01 Javascript
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
VUE+Element实现增删改查的示例源码
2020/11/23 Vue.js
Python实现在线音乐播放器
2017/03/03 Python
获取django框架orm query执行的sql语句实现方法分析
2019/06/20 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例
2020/03/05 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
美国从事品牌鞋类零售的连锁店:Famous Footwear
2016/08/25 全球购物
西班牙拥有最佳品牌的动物商店:Animalear.com
2018/01/05 全球购物
马来西亚和新加坡巴士票在线预订:CatchThatBus
2018/11/17 全球购物
Puma印度官网:德国运动品牌
2019/10/06 全球购物
EM Cosmetics官网:由彩妆大神Michelle Phan创办的独立品牌
2020/04/27 全球购物
2015年党建工作目标责任书
2015/05/08 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL
nginx搭建NFS网络文件系统
2022/04/14 Servers
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers