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实现目录定位正文示例
Nov 14 Javascript
javascript生成随机颜色示例代码
May 05 Javascript
JS生成随机字符串的多种方法
Jun 10 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
Sep 09 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
Oct 12 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
Sep 27 Javascript
JS实现提示效果弹出及延迟隐藏的功能
Aug 26 Javascript
微信小程序可滑动周日历组件使用详解
Oct 21 Javascript
基于JS实现计算24点算法代码实例解析
Jul 23 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 Javascript
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 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
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
浅析php设计模式之数据对象映射模式
2016/03/03 PHP
PDO的安全处理与事物处理方法
2016/10/31 PHP
使用jQuery的ajax功能实现的RSS Reader 代码
2009/09/03 Javascript
NodeJS url验证(url-valid)的使用方法
2013/11/18 NodeJs
Javascript中的Array数组对象详谈
2014/03/03 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
2014/09/09 Javascript
Node.js的特点和应用场景介绍
2014/11/04 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
jquery.qtip提示信息插件用法简单实例
2016/06/17 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
vue自定义指令directive实例详解
2018/01/17 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
基于JavaScript实现一个简单的Vue
2018/09/26 Javascript
JS函数节流和防抖之间的区分和实现详解
2019/01/11 Javascript
Element ui 下拉多选时新增一个选择所有的选项
2019/08/21 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
使用Python的判断语句模拟三目运算
2015/04/24 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
python实现银行账户系统
2021/02/22 Python
用纯css3实现的图片放大镜特效效果非常不错
2014/09/02 HTML / CSS
教师档案管理制度
2014/01/23 职场文书
机电一体化求职信
2014/03/10 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
安全生产警示教育活动总结
2015/05/09 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
《有余数的除法》教学反思
2016/02/22 职场文书
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js