ljianshu / mt-app

移动端美团项目

mt-vue

项目动态图

注意：如果gif动态图失效，麻烦大家点击项目中mt-app/src/assets/美团.gif便可以观看！

项目涉及到技术栈：

• vue全家桶：Vue、Vue-router、Vue-cli等
• 组件化：单Vue文件
• 模块化：ES6 Module
• 第三方模块：better-scroll axios等
• 基础开发环境和包管理：Node、npm
• 构建工具：webpack
• 编辑器：webstrom

项目功能

一言而蔽之：一款集点菜、用户评价和商家信息为一体的移动端点餐APP

1. 点餐页面 点选商品后自动添加到购物车，并计算好总价，在商品列表、购物车列表和商品详情页都可以随意增减数目，此外左侧商品分类和右侧的商品相互关联，通过better-scroll插件滑动商品列表时，相应的商品分类也会跟着跳转。
2. 用户评价页面 主要包括一个TAB栏，包括三部分：全部、有图和评价三个模块
3. 商家信息页面 主要介绍一些商家基本信息，可以通过better-scroll插件，进行左右滑动图片

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8081
npm run dev

# build for production with minification
npm run build

后记

如果项目有帮到你，不妨给点支持，我会更加有动力创作！

mt-app's Issues

Fail to build ....

1. ERROR from npm run dev

 ERROR  Failed to compile with 1 errors                                                                                           1:20:37 PM

This relative module was not found:

* ../productDetail/ProductDetail in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/goods/Goods.vue

2. ERROR from npm run build

➜  mt-app git:(master) ✗ npm run build

> [email protected] build ....../mt-app
> node build/build.js

Hash: 94b93dc27db0d63758ec
Version: webpack 3.11.0
Time: 5753ms
                                              Asset       Size  Chunks             Chunk Names
                   static/img/anonymity.3f9b695.png    21.7 kB          [emitted]  
              static/js/app.4e54feed9828b92bf09c.js    27.1 kB       0  [emitted]  app
           static/js/vendor.1bec2fdfddcc0edb6dd5.js     153 kB       1  [emitted]  vendor
         static/js/manifest.2ae2e69a05c33dfc65f8.js  799 bytes       2  [emitted]  manifest
static/css/app.9739a14ca25329b5dad0e18523405820.css    83.6 kB       0  [emitted]  app
                                         index.html  557 bytes          [emitted]  
                               static/css/reset.css    1.09 kB          [emitted]  

ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/goods/Goods.vue
Module not found: Error: Can't resolve '../productDetail/ProductDetail' in '....../mt-app/src/components/goods'
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/goods/Goods.vue 80:0-59
 @ ./src/components/goods/Goods.vue
 @ ./src/main.js

  Build failed with errors.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `node build/build.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     ~/.npm/_logs/2018-12-19T21_21_09_406Z-debug.log