从mpvue讲起吧，每个人技术点都不一样。

智能餐饮类型
- 餐饮业务配置
  - 项目目录地址
  - 项目配置ui·····

实现扫码点餐
实现每个门店下的每一个角色的判定
实现相对应的角色功能权限问题

mpvue文章目录

一起见证一个mpvue生产的小程序赚取的第一桶金

初创公司起步的艰难与历程，不一定能获取到，但是一直在尝试。如果成功也是给各位的一种经历经验。

文章目录

从mpvue讲起吧，每个人技术点都不一样。
mpvue文章目录
前言
一、什么是mpvue？
二、mpvue还是基于vue-cli的原则，只是进行了不同的编译安排。
- 1.首先得有node.js，vue-cli。
- 2.那就下载配置mpvue吧？
- 3.运行也很简单直接npm run dev
总结
- 搭建环境等的进行了第一步的基石。

前言

每一段心酸的历程都是从万里长征走下的第一步开始的，或许是失败，或许是成功，但是开始了就没有回头的余地，只有破釜沉舟的决心才能走下去。

提示：以下是本篇文章正文内容，下面案例可供参考

一、什么是mpvue？

mpvue 是一个使用 Vue.js 开发小程序的前端框架，目前支持微信小程序、百度智能小程序，头条小程序和支付宝小程序。框架基于 Vue.js，修改了的运行时框架 runtime 和代码编译器 compiler 实现，使其可运行在小程序环境中，从而为小程序开发引入了 Vue.js 开发体验。
下面是从文件中描述的一段注释
/*
* 平台 api 差异的处理方式: api 方法统一挂载到 mpvue 名称空间, 平台判断通过 mpvuePlatform 特征字符串
* 微信：mpvue === wx, mpvuePlatform === ‘wx’
* 头条：mpvue === tt, mpvuePlatform === ‘tt’
* 百度：mpvue === swan, mpvuePlatform === ‘swan’
* 支付宝(蚂蚁)：mpvue === my, mpvuePlatform === ‘my’
*/
就是说可以通过自己喜欢的vue.js开发模式进行开发业务，在熟悉的技能领域可以专做于业务，剩下的通过编译进行给你安排到其他小程序上面！

总体来说你还得会vue.js的基本语法，还要了解小程序的那一套技能。减少学习的成本，可以稍微学习就能看上API进行开发。
mpvue git链接: https://github.com/Meituan-Dianping/mpvue

二、mpvue还是基于vue-cli的原则，只是进行了不同的编译安排。

1.首先得有node.js，vue-cli。

安装node.js，我也不在描述，详细看node.js官网上的教程吧。实在不行再回味回味菜鸟教程。
node.js官网链接: https://nodejs.org/en/
vue-cli 官网链接: https://cli.vuejs.org/zh/guide/

2.那就下载配置mpvue吧？

快速上手的5分钟教程，还是看官网吧！
mpvue官网链接: http://mpvue.com

献上package.json（配置文件信息）：

{"name": "my-project","version": "1.0.0","mpvueTemplateProjectVersion": "0.1.0","description": "A Mpvue project","author": "joy-lan","private": true,"scripts": {"dev:wx": "node build/dev-server.js wx","start:wx": "npm run dev:wx","build:wx": "node build/build.js wx","dev:swan": "node build/dev-server.js swan","start:swan": "npm run dev:swan","build:swan": "node build/build.js swan","dev:tt": "node build/dev-server.js tt","start:tt": "npm run dev:tt","build:tt": "node build/build.js tt","dev:my": "node build/dev-server.js my","start:my": "npm run dev:my","build:my": "node build/build.js my","dev": "node build/dev-server.js wx","start": "npm run dev","build": "node build/build.js wx"},"dependencies": {"echarts": "^4.9.0","flyio": "^0.6.14","mpvue": "^2.0.0","mpvue-echarts": "^0.3.2"},"devDependencies": {"babel-core": "^6.22.1","babel-loader": "^7.1.1","babel-plugin-transform-runtime": "^6.22.0","babel-preset-env": "^1.3.2","babel-preset-stage-2": "^6.22.0","babel-register": "^6.22.0","chalk": "^2.4.0","connect-history-api-fallback": "^1.3.0","copy-webpack-plugin": "^4.5.1","css-loader": "^0.28.11","cssnano": "^3.10.0","eventsource-polyfill": "^0.9.6","express": "^4.16.3","extract-text-webpack-plugin": "^3.0.2","file-loader": "^1.1.11","friendly-errors-webpack-plugin": "^1.7.0","glob": "^7.1.2","html-webpack-plugin": "^3.2.0","http-proxy-middleware": "^0.18.0","optimize-css-assets-webpack-plugin": "^3.2.0","ora": "^2.0.0","portfinder": "^1.0.13","postcss-loader": "^2.1.4","postcss-mpvue-wxss": "^1.0.0","prettier": "~1.12.1","px2rpx-loader": "^0.1.10","relative": "^3.0.2","rimraf": "^2.6.0","semver": "^5.3.0","shelljs": "^0.8.1","uglifyjs-webpack-plugin": "^1.2.5","url-loader": "^1.0.1","vue-style-loader": "^4.1.0","mkdirp": "^0.5.1","mpvue-loader": "^2.0.0","mpvue-template-compiler": "^2.0.0","mpvue-webpack-target": "^1.0.3","webpack-mpvue-vendor-plugin": "^2.0.0","webpack-mpvue-asset-plugin": "^2.0.0","webpack-bundle-analyzer": "^2.2.1","webpack-dev-middleware-hard-disk": "^1.12.0","webpack-merge": "^4.1.0","webpack": "^3.11.0"},"engines": {"node": ">= 4.0.0","npm": ">= 3.0.0"},"browserslist": ["> 1%","last 2 versions","not ie <= 8"]
}

如果说安装出现了各种问题，大多数都是版本和系统问题，如果说出现各种问题的话，请耐心查找一遍文档和出现的问题。如果没有出现各种问题，那么请忽略到本条划线提示。

3.运行也很简单直接npm run dev

代码如下（示例）：

vscode  启动管理运行：npm run dev
cmd   启动项目：在文件目录下 npm i -s 然后进行npm run dev

然后在小程序工具中进行导入该项目。这样就能看到大概的效果。

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了mpvue的使用下载流程，如果需要可以进行更多的详细教程。

搭建环境等的进行了第一步的基石。

计划任务下载相对应的开发环境搭建环境
完成任务完成基本环境搭建。

情不知所起，而一往情深，对于技术上的追求，遥远而又临近。创业艰难，也很容易中道崩阻。拭目以待的产品该何去何从。分享一些前端跟随的创业之路过程。漫漫长路随风而行。相关推荐

大数据私房菜--漫漫长路之CDH6.2.0搭建
大数据私房菜--CDH6.2.0搭建的漫漫长路引言概述虚拟机准备安装准备 1. 配置JDK 2. 配置hosts 3. 关闭防火墙 4. 关闭SELinux 5. 修改Linux swappi ...
漫漫长路十多小时，谁是机上WiFi的“业界良心”?
东航日前开通北美国际远程航线的机上WiFi上网服务,国.海.南.东等四大航以前只限于国内航班的空中上网服务终于挺进有着更高需求的洲际航班.而欧美.中东的主流航空公司,早已将机上WiFi上网当成航班服务 ...
ROS漫漫长路（一）——Gazebo中机器人圆柱，球，长方体惯性矩阵推导与代码实现
ROS漫漫长路(一)--Gazebo中机器人圆柱,球,长方体惯性矩阵推导与代码实现目录 ROS漫漫长路(一)--Gazebo中机器人圆柱,球,长方体惯性矩阵推导与代码实现前言一.公式推导一.代 ...
找工作的漫漫长路[Over结帖...]
楼主先自我介绍,重庆某高校通信与信息系统专业业在校研三学生.每年繁忙校招时,在此博客中打算不断更新与记载自己研三这一年的在找工作与学习的道路上的一些经历,不管是好是坏,只是一种经历.全篇将持续更新,按 ...
Stack Overflow 的 HTTPS 化：漫漫长路的终点
原文作者:Nick Craver 翻译作者:罗晟 & 狄敬超(沪江工程师) 原文地址:nickcraver.com/blog/2017/0- 本文为原创翻译文章,已经获得原作者授权,转载请注明 ...
【模型修改的漫漫长路】经典VGG模型理解-这大概是目前最详细的讲解了【一】
前言-论文好不容易写出来了,好不容易让导师看了,结果老师说模型不改只能发普通的文章,在我再三退却后变成了模型不改不给发[其实是自己太菜,论文写的太菜].用的模型什么的没理解透,现在突然说修改简直是天方 ...
图论-最长路--关于最长路的探讨2
之前我们说完最长路的算法,这里我们进一步的补充! 关于最长路,我们想一下如果是有向有环图,那么如果不存在负权的话,那么这个题是不可解的,因为在正环上一直走,路径无限大,那么也就是说,当为正权的时候一定 ...
光伏+保险：漫漫长路慢慢行
4月9日,周末,轻松的神经和欢愉的状态被一则重磅信息打破.当天下午2点30分,中纪委官网发布消息:"中国保险监督管理委员会党委书记.主席项俊波涉嫌严重违纪,目前正接受组织审查." ...
【ACM】漫漫长路——刷题（8）
先分享一下百度的杭电刷题推荐路线: 杭电OJ刷题顺序推荐第一阶段:开始入门!(15天,53题) 一．输入输出练习(2天,10题) 1000.1089-1096.1001 二．简单操作(2-4天 ...

情不知所起，而一往情深，对于技术上的追求，遥远而又临近。创业艰难，也很容易中道崩阻。拭目以待的产品该何去何从。分享一些前端跟随的创业之路过程。漫漫长路随风而行。