hbuilder vue 开发环境搭建
由于公司app采用原生开发,人员架构比较小,人员利用率不高,所以有了切换到h5框架上,这样小范围实现团队开发全栈。方便人员利用,工作效率等。最终采用 hbuilder负责框架,vue实现数据双向绑定。
vue部分
nodejs 安装
- 去nodejs官网,下载对应的版本安装即可,立即下载。验证安装(Windows+R,cmd):
npm -v
- 由于npm官方源在国外,安装依赖包不方便,所以添加国内知名源(此处选择淘宝)&安装验证
npm install -g cnpm --registry=http://registry.npm.taobao.org
cnpm -v
- 安装vue-cli&验证安装
cnpm install -g vue-cli
vue -V
hbuilder部分
去hbuilder官网,下载最新版本安装即可,立即下载
android app 测试环境
虽然hbuilder支持真机测试,但是模拟器可能会更顺手。我选择逍遥安卓模拟器。
安装
逍遥模拟下载hbuilder 适配 逍遥按照
1、打开HBuilder安装目录找到tools文件夹
2、将 adb.exe 、AdbWinApi.dll 、AdbWinUsbApi.dll 到逍遥安卓模拟器安装目录MEmu文件夹下
3、打开逍遥模拟器调试模式- 进入模拟器“设置”
- 找到“关于平板电脑”或 “关于手机”并点击进入
- 找到 “版本号”
- 连续点击“版本号”直至提示 已经处于开发者选项
- 进入开发者选项,勾选调试模式