windows 下 VUE Hbuilder 开发环境搭建

hbuilder vue 开发环境搭建

由于公司app采用原生开发，人员架构比较小，人员利用率不高，所以有了切换到h5框架上，这样小范围实现团队开发全栈。方便人员利用，工作效率等。最终采用 hbuilder负责框架，vue实现数据双向绑定。

vue部分

nodejs 安装

• 去nodejs官网，下载对应的版本安装即可,立即下载。验证安装（Windows+R，cmd）：

npm -v

• 由于npm官方源在国外，安装依赖包不方便，所以添加国内知名源（此处选择淘宝）&安装验证

npm install -g cnpm --registry=http://registry.npm.taobao.orgcnpm -v

• 安装vue-cli&验证安装

cnpm install -g vue-clivue -V

hbuilder部分

去hbuilder官网，下载最新版本安装即可,立即下载

android app 测试环境

虽然hbuilder支持真机测试，但是模拟器可能会更顺手。我选择逍遥安卓模拟器。

• 安装
  逍遥模拟下载

• hbuilder 适配 逍遥按照
  1、打开HBuilder安装目录找到tools文件夹
  2、将 adb.exe 、AdbWinApi.dll 、AdbWinUsbApi.dll 到逍遥安卓模拟器安装目录MEmu文件夹下
  3、打开逍遥模拟器调试模式

• 进入模拟器“设置”
• 找到“关于平板电脑”或 “关于手机”并点击进入
• 找到 “版本号”
• 连续点击“版本号”直至提示 已经处于开发者选项
• 进入开发者选项，勾选调试模式