本文详细讲解了如何搭建weex开发环境1.前端需要Node.js+webpack(weex-toolkit自带webpack,webpack不是必须的)1.安装node。js(当前node一般both都会集成npm,用于管理node依赖包)windos系统推荐win764位或者win1064位下载地址http://nodejs.cn/download/选择你的版本需要安装(windows、mac、linux3种系统版本),下载你需要的版本(推荐node8.7.0或8.9.064位版本)。如果是8.9,可以满足同时使用egg.js的条件。可以在win7win1064位系统下测试。如果太新,可能会导致weex-toolkit安装失败),点击安装包,下一步,下一步,安装完成。提示:注意确认系统是否自动添加了环境变量路径。如果没有,可以自行添加系统环境变量路径或用户环境变量。npm一般在用户环境变量中,node在系统环境中。路径:C:\Users\Administrator\AppData\Roaming\npm;C:\ProgramFiles\nodejs执行cmd查看节点和npm版本号node-vnpm-v安装npm淘宝镜像(非必须)npminstall-gcnpm--registry=https://registry.npm.taobao.org安装后可以使用cnpm代替npm来运行命令行。一般安装依赖包下载失败时,使用2.安装webpack(weex不是必须的,weex-toolkit自带webpack,不安装webpack可以跳过)//globalInstall(推荐webpack3)npminstall-gwebpack@3//orinstalltoyourprojectdirectoryfirstswitchtoyourprojectdirectorysuchascdmyworkplace//myworkplace是你创建的文件夹的名字然后npminstall--save-devwebpack@32.Weexpart1.安装weex工具包一般情况下,全局安装npminstall-gweex-toolkit验证是否安装成功weex-v如果失败,卸载重装试试卸载命令npmuninstall-gweex-toolkit或npmremove-gweex-toolkit2,安装javajdk(包安卓必备)现在java安装包,在线安装包都是国外的,下载比较麻烦,可以到这个链接下载,http://www.wmzhe.com/soft-301...现在完成后直接下一步,配置不要动,然后配置环境变量(具体操作请参考注末网址)用户变量变量名:JAVA_HOME,值:C:\ProgramFiles\Java\jdk1.8.0_131系统变量变量名:路径,值:%JAVA_HOME%\bin;变量名:CLASSPATH,值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;cmd测试是否安装成功,输入javac回车网址)下载地址,https://dl.google.com/dl/android/studio/install/2.3.3.0/android-studio-bundle-162.4069837-windows.exe安装完成后配置环境变量,注意安装过程。记录下你的sdk安装路径,因为配置系统变量需要用到sdk下platform-tools和tools的路径用户变量变量名:ANDROID_HOME变量值:D:\Android\sdk是你的sdk路径系统变量变量名:path变量值:;D:\Android\sdk\platform-tools;D:\Android\sdk\tools;是你的SDK路径。注意配置完成后,打开androidstudio,进入sdkmanager,切换到sdktools选择下载androidsdkbuild-tools中的cmd23.0.2版本测试是否安装成功,输入adb回车4、创建app项目,打开命令行cmd,切换到创建项目的目录,生成目录文件。weexcreatemy-firstapp提示:由于生成在app项目中,会提示是否安装vue-router(vue路由)。如果需要,可以直接按y安装。其他选项一般使用默认值。切换到项目根目录cdmy-firstapp安装项目npminstall添加Android项目weex平台添加android包并运行Android项目weexrunandroid运行以上命令。不出意外的话,官方demo已经打包成apk了。apk的位置是my-firstapp\platforms\android\app\build\outputs\apk。运行web端项目可以使用如下命令weexrunwebtips以上步骤如果有提示,说找不到android设备,请把手机用usb插到电脑上,然后开启usb调试功能。5、Androidapp数字证书签名打包的Androidapp需要签名后才能安装到手机上,否则会出错。推荐下载加固宝签到http://jiagu.♂.cn/操作步骤可参见加固宝教程。签名后,应用程序可以直接在手机上运行。6.使用androidstudio运行app(可选打包预览方式,经测试不支持amdcpu,建议使用android模拟器打包预览)如果开发时每次都像上面那样打包安装很麻烦过程中,可以使用androidstudio的虚拟机将你的weex项目导入到androidstudio中,将my-firstapp\platforms\android\app复制到这个文件夹中,再导入到androidstudio中,androidstudio控制台可能会报错方法,双击错误,等待安装,然后点击AVD管理器选择一个设备,如果没有,去机器人图标添加一个设备,然后回来,点击执行按钮,就可以打开虚拟机7.对于amdcpu电脑,可以使用安卓模拟器如网易mumu包预览(推荐包预览方式)下载安装网易mumu安卓模拟器http://mumu.163.com/在设置里打开mumu在系统应用中右下角ion,打开usb调试,连接mumu口cmd命令行adbconnect127.0.0.1:7555运行预览Android项目切换到项目根目录cdmy-firstapp如果没有Android项目,你可以开始添加android项目weex平台添加android包运行android项目weexrunandroid成功后,android项目将在mumu模拟器上运行3,weex开发调试第1部分,添加weexdebug(调试工具包)来调试app并使用cd到项目目录下(app目录上层)weexdebug2,添加vuex(即vue状态管理,非必须,vue状态管理一般配合vue-router,即vue路由)切换cd到项目根目录appcdmy-firstappinstallnpminstallvuex--save3.安装weex-ui(非必须,前端开发一般用ui更好)switchcd到项目根目录appcdmy-firstappinstallnpmiweex-ui@latest-S4.安装mockjs(非必须,前端开发模拟获取后端数据)切换cd到项目appc的根目录dmy-firstappinstallnpmimockjs@1.0.0-S4.注意1,node.js和npm是初始先决条件。一般安装node.js后会自带npm2,实用的npm命令(一),查询当前安装了多少node包npmls--depth0当前项目npmls-g--depth0全局(二)检测并更新依赖包(不推荐,会添加很多新包,npm-check,npm-check-updates本身就是一个包)检测并升级所有npminstall-gnpm-checknpminstall-gnpm-check-updates检测升级当前项目npminstallnpm-checknpminstallnpm-check-updates3,其他具体安装步骤和使用技巧可以参考https://blog.csdn.net/k491022...https://blog.csdn.net/k491022...http://weex.apache.org/cn/too...https://www.jianshu.com/p/464...4.这个最佳实践是Android的实践,ios大同小异...添加ios项目weex平台添加ios包并运行ios项目weex运行ios...本文由mdnicemulti-platform发布
