一、vue项目环境搭建
1．基本运行环境：nodejs，下载地址：http://nodejs.cn/download；安装完成后cmd命令行：node -v，查看版本号，显示版本即安装成功
2．全局环境安装步骤如下(安装后无需再次安装)：
① cmd命令行：npm i -g vue-cli (全局安装vue脚手架，用此自动生成基本项目架构)
② npm install -g cordova (全局安装cordova)
3．项目环境(生成的项目每次需要安装环境)
① cordova create vue-demo-app (在开发目录下生成一个名为vue-demo-app的cordova项目，如果不需要编译为app，可省略此项)
② Vue开发环境：vue全家桶 -> vue(2.x)+vuex+vue-router+axios，
③ vue init webpack vue-demo-app (在开发目录下生成一个名为vue-demo-app的移动项目)
④ cd vue-demo-app (进入到项目中)
⑤ npm i (安装项目编译、运行环境所需的模块)
⑥ npm install vue-router vuex axios --save (安装vue主模块)
⑦ npm install framework7 framework7-vue --save (安装项目UI模块)
⑧ npm run dev (运行开发环境，实时刷新页面)
⑨ npm run build (运行生产环境，编译生成最终的web资源)
⑩ -------------------分界线，以下为app软件生成方法
⑪ cordova platform add ios --save (安装ios中间件)
⑫ cordova platform add android --save (安装andorid中间件)
⑬ cordova build android (输出android安装文件apk，文件地址：vue-demo-app\platforms\android\app\build\outputs\apk\debug)
二、测试环境搭建
1.测试浏览器采用google浏览器，调试移动端页面非常方便
2.谷歌浏览器菜单 -> 更多工具 -> 扩展程序 -> 获取更多程序，搜索并添加如下插件：
① 二维码生成器 (类似工具有很多，可以供手机扫码)
② Inspect Device (这个是可以供电脑调试手机上的android webview程序的插件)
3.安装Fiddler，这是网络请求查看软件，可以追踪移动端请求数据；手机WLAN设置代理：IP地址为电脑地址(如：192.168.2.90)，端口号为：8888，这样fiddler就可以监控到手机发送出去的数据了
4.安装安卓模拟器，用于安卓手机调试，夜神安卓模拟器下载地址：https://www.yeshen.com/
5.安装VIDE（DebugGap），通过设置可以用web方式调试cordova app程序，下载地址：https://www.debuggap.com/zh-cn/
6.命令行全局安装：npm install -g browser-sync,使用方法：browser-sync start --proxy “myproject.dev” --files “css/*.css”，此插件的作用是可以让多个设备或浏览器在浏览指定项目时，任意一个设备的操作都能同步到其它设备，非常适合调试