Vue2.0仿饿了么webapp单页面应用详细步骤
更新时间：2018年07月08日 17:45:29 作者：Tooann
本篇文章给大家分享了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后的运行效果。
相关文章
uni-app中App与webview双向实时通信详细代码示例
在移动应用开发中,uni-app是一个非常流行的框架,它允许开发者使用一套代码库构建多端应用,包括H5、小程序、App等,这篇文章主要给大家介绍了关于uni-app中App与webview双向实时通信的相关资料,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了vue-pdf插件实现pdf文档预览方式(自动分页预览)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
这篇文章主要介绍了解决vue watch数据的方法被调用了两次的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
在 Typescript 中使用可被复用的 Vue Mixin功能
这篇文章主要介绍了在 Typescript 中使用可被复用的 Vue Mixin功能，非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了vue 父组件调用子组件方法及事件的相关资料，父组件传入数组子组件循环来创建不同的组件模块,所有事件都在子组件内部.怎么实现这样一个功能呢？接下来跟随脚本之家小编一起看看吧2018-03-03
这篇文章主要介绍了vue中如何禁止input框和textarea编辑，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue-cli 关闭热更新操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
解读element-ui使用el-upload,before-upload函数不好使的问题
这篇文章主要介绍了解读element-ui使用el-upload,before-upload函数不好使的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
本文主要介绍了Jenkins自动化部署Vue项目的方法实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
vue+element-ui:使用el-dialog时弹框不出现的解决
这篇文章主要介绍了vue+element-ui:使用el-dialog时弹框不出现的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
最新评论