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 相关文章推荐
Package.js  现代化的JavaScript项目make工具
May 23 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
JS实现遮罩层效果的简单实例
Nov 12 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
Javascript获取随机数的实现方法
Jun 22 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
Aug 30 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
Oct 08 Javascript
BootStrap轻松实现微信页面开发代码分享
Oct 21 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
Vue+Bootstrap实现简易学生管理系统
Feb 09 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
在apache下限制每个虚拟主机的并发数!!!!
2006/10/09 PHP
php 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
解决PHP在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
PHP的自定义模板引擎
2017/03/24 PHP
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
高性能的javascript之加载顺序与执行原理篇
2018/01/14 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
2018/09/16 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
2018/10/09 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
[01:45]DOTA2新英雄“神谕者”全方位展示
2014/11/21 DOTA
[01:11:15]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
python flask中动态URL规则详解
2019/11/22 Python
Mac PyCharm中的.gitignore 安装设置教程
2020/04/16 Python
婚纱摄影师求职信
2014/03/07 职场文书
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
社区文艺活动方案
2014/08/19 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
2015新员工试用期工作总结
2014/12/12 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
2016入党培训心得体会范文
2016/01/08 职场文书
信息技术研修心得体会
2016/01/08 职场文书
大学生志愿者心得体会
2016/01/15 职场文书