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.closest(),parent(),parents()寻找父结点
Feb 17 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
Jun 05 Javascript
Vue.js快速入门实例教程
Oct 15 Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 Javascript
使用原生js封装的ajax实例(兼容jsonp)
Oct 12 Javascript
详解从买域名到使用pm2部署node.js项目全过程
Mar 07 Javascript
vue init webpack 建vue项目报错的解决方法
Sep 29 Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 Javascript
JS中的算法与数据结构之链表(Linked-list)实例详解
Aug 20 Javascript
vue 实现用户登录方式的切换功能
Apr 14 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
生成卡号php代码
2008/04/09 PHP
php cache类代码(php数据缓存类)
2010/04/15 PHP
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
php中计算程序运行时间的类代码
2012/11/03 PHP
php中引用符号(&)的使用详解
2013/11/13 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
jquery实现简单文字提示效果
2015/12/02 Javascript
微信小程序 教程之引用
2016/10/18 Javascript
Bootstrap和Java分页实例第二篇
2016/12/23 Javascript
js a标签点击事件
2017/03/30 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
js构建二叉树进行数值数组的去重与优化详解
2018/03/26 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
Angular 数据请求的实现方法
2018/05/07 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
vue-router的两种模式的区别
2019/05/30 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
python实时分析日志的一个小脚本分享
2017/05/07 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
python中while和for的区别总结
2019/06/28 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
经济与贸易专业应届生求职信
2013/11/19 职场文书
触摸春天教学反思
2014/02/03 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
2014购房个人委托书范本
2014/10/12 职场文书