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 网页跳转的方法
Dec 24 Javascript
Mootools 1.2教程 输入过滤第二部分(字符串)
Sep 15 Javascript
js网页侧边随页面滚动广告效果实现
Apr 14 Javascript
myEvent.js javascript跨浏览器事件框架
Oct 24 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
jQuery获取checkboxlist的value值的方法
Sep 27 Javascript
Javascript实现的SHA-256加密算法完整实例
Feb 02 Javascript
JavaScript你不知道的一些数组方法
Aug 18 Javascript
vue组件初学_弹射小球(实例讲解)
Sep 06 Javascript
webpack打包react项目的实现方法
Jun 21 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
Dec 05 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 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
深入分析使用mysql_fetch_object()以对象的形式返回查询结果
2013/06/05 PHP
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
php生成动态验证码gif图片
2015/10/19 PHP
vs2003 js文件编码问题的解决方法
2010/03/20 Javascript
页面装载js及性能分析方法介绍
2014/03/21 Javascript
struts2+jquery组合验证注册用户是否存在
2014/04/30 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
2018/10/23 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
Python实现的读取电脑硬件信息功能示例
2018/05/30 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
用Python抢火车票的简单小程序实现解析
2019/08/14 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
python实现交并比IOU教程
2020/04/16 Python
python如何求100以内的素数
2020/05/27 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
Python页面加载的等待方式总结
2021/02/28 Python
css3的过滤效果简单实例
2016/08/03 HTML / CSS
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
css3实现多个元素依次显示效果
2017/12/12 HTML / CSS
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
CK澳大利亚官网:Calvin Klein澳大利亚
2020/12/12 全球购物
元旦联欢会策划方案
2014/06/11 职场文书
假释思想汇报范文
2014/10/11 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
行政人事专员岗位职责
2015/04/07 职场文书
文艺部部长竞选稿
2015/11/21 职场文书
学习计划是什么
2019/04/30 职场文书
Github 使用python对copilot做些简单使用测试
2022/04/14 Python