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