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对象和属性的创建方法
Jan 15 Javascript
JAVASCRIPT下判断IE与FF的比较简单的方式
Oct 17 Javascript
查找页面中所有类为test的结点的方法
Mar 28 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
深入解析JavaScript中函数的Currying柯里化
Mar 19 Javascript
利用fecha进行JS日期处理
Nov 21 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
在React 组件中使用Echarts的示例代码
Nov 08 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
JavaScript缓动动画函数的封装方法
Nov 25 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电台频率大全 - 26 西藏自治区
2020/03/11 无线电
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
PHP中静态变量的使用方法实例分析
2016/12/01 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
JavaScript使用prototype定义对象类型(转)[
2006/12/22 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
JS鼠标事件大全 推荐收藏
2011/11/01 Javascript
jquery getScript动态加载JS方法改进详解
2012/11/15 Javascript
js新闻滚动 js如何实现新闻滚动效果
2013/01/07 Javascript
JS下拉框内容左右移动效果的具体实现
2013/07/10 Javascript
jQuery中appendTo()方法用法实例
2015/01/08 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
2017/03/08 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
2018/11/15 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
微信小程序云开发(数据库)详解
2019/05/17 Javascript
js get和post请求实现代码解析
2020/02/06 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
2020/06/05 Javascript
vuex的使用步骤
2021/01/06 Vue.js
浅谈python中的面向对象和类的基本语法
2016/06/13 Python
利用Python3分析sitemap.xml并抓取导出全站链接详解
2017/07/04 Python
对numpy 数组和矩阵的乘法的进一步理解
2018/04/04 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
Python使用Slider组件实现调整曲线参数功能示例
2019/09/06 Python
如何利用python给图片添加半透明水印
2019/09/06 Python
python如何从键盘获取输入实例
2020/06/18 Python
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
给定一个时间点,希望得到其他时间点
2013/11/07 面试题
学生操行评语大全
2014/04/24 职场文书
环保倡议书300字
2014/05/15 职场文书
python spilt()分隔字符串的实现示例
2021/05/21 Python
Python实现机器学习算法的分类
2021/06/03 Python
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript
使用Redis实现分布式锁的方法
2022/06/16 Redis