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之四(优雅的迭代)
Jun 20 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
Nov 07 Javascript
探索Emberjs制作一个简单的Todo应用
Nov 07 Javascript
Jquery取得iframe下内容的方法
Nov 18 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 Javascript
详细分析JavaScript函数定义
Jul 16 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
AngularJS 与百度地图的结合实例
Oct 20 Javascript
js+canvas实现滑动拼图验证码功能
Mar 26 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
使vue实现jQuery调用的两种方法
May 12 jQuery
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下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
PHP FATAL ERROR: CALL TO UNDEFINED FUNCTION BCMUL()解决办法
2014/05/04 PHP
PHP魔术引号所带来的安全问题分析
2014/07/15 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
JS判断、校验MAC地址的2个实例
2014/05/05 Javascript
jQuery源码解读之addClass()方法分析
2015/02/20 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
React复制到剪贴板的示例代码
2017/08/22 Javascript
npm 更改默认全局路径以及国内镜像的方法
2018/05/16 Javascript
vue.js使用v-if实现显示与隐藏功能示例
2018/07/06 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
微信小程序vant弹窗组件的实现方式
2020/02/21 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
2020/06/01 Javascript
js实现弹窗猜数字游戏
2020/11/26 Javascript
three.js 实现露珠滴落动画效果的示例代码
2021/03/01 Javascript
python pickle 和 shelve模块的用法
2013/09/16 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
使用python读取csv文件快速插入数据库的实例
2018/06/21 Python
详解python如何在django中为用户模型添加自定义权限
2018/10/15 Python
python脚本开机自启的实现方法
2019/06/28 Python
Python 时间戳之获取整点凌晨时间戳的操作方法
2020/01/28 Python
Django 多对多字段的更新和插入数据实例
2020/03/31 Python
浅谈keras中的keras.utils.to_categorical用法
2020/07/02 Python
英智兴达软件测试笔试题
2016/10/12 面试题
Delphi CS笔试题
2014/01/04 面试题
初中生学习的自我评价
2013/11/14 职场文书
护理助产毕业生的求职信
2014/03/02 职场文书
给老婆的道歉信
2015/01/20 职场文书
简历自荐信范文
2015/03/09 职场文书
呐喊读书笔记
2015/06/30 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
python对文档中元素删除,替换操作
2022/04/02 Python
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python
JavaScript中reduce()的用法
2022/05/11 Javascript