共计 3590 个字符，预计需要花费 9 分钟才能阅读完成。
本文具体解说如何搭建 weex 开发环境
一、前端必备 node.js + webpack 局部(weex-toolkit 自带 webpack，可不装 webpack)
1、装置 node.js（当初的 node 个别都会集成 npm, 治理 node 依赖包用的）
windos 零碎举荐 win7 64 位或者 win10 64 位
下载地址 http://nodejs.cn/download/
抉择你须要装置的版本（windows，mac，linux 3 种零碎的版本），
下载你须要的版本（举荐用 node8.7.0 或者 8.9.0 64 位版本）如果是 8.9 的话能同时满足 egg.js 的应用条件，win7 win10 64 位零碎下实测可用，太新的可能会导致 weex-toolkit 装置失败），
点击安装包，下一步，下一步，装置实现即可。
提醒：留神确认零碎是否主动增加了环境变量门路
如果没有，可本人增加零碎环境变量门路或者用户环境变量 npm 个别在用户环境变量，node 在零碎环境
Path：C:\Users\Administrator\AppData\Roaming\npm;C:\Program Files\nodejs
执行 cmd 查看 node 和 npm 版本号
node -v
npm -v
装置 npm 淘宝镜像（非必须）
npm install -g cnpm –registry=https://registry.npm.taobao.org
装置后可用 cnpm 代替 npm 运行命令行，个别在装置依赖包呈现下载失败的时候用
2、装置 webpack（对 weex 来说非必须，weex-toolkit 自带 webpack，可不装 webpack 间接略过）
// 全局装置（举荐 webpack3）
npm install -g webpack@3
// 或者
装置到你的我的项目目录
首先切换 cd 到你的我的项目目录
如 cd myworkplace
//myworkplace 为你创立的文件夹名字
而后
npm install –save-dev webpack@3
二、weex 局部
1、装置 weex toolkit
个别全局装置
npm install -g weex-toolkit
验证是否装置胜利
weex -v
如果失败则卸载重新安装试试
卸载命令
npm uninstall -g weex-toolkit 或 npm remove -g weex-toolkit
2、装置 java jdk（打包安卓必备）
当初 java 安装包，网上的安装包都是国外的，很难下载下来
可用这个链接下载，http://www.wmzhe.com/soft-301…
当初实现之后间接全副下一步，不要动配置，而后配置环境变量（具体操作可参考结尾备注网址）
用户变量
变量名：JAVA_HOME，值：C:\Program Files\Java\jdk1.8.0_131
零碎变量
变量名：path，值：%JAVA_HOME%\bin;
变量名：CLASSPATH，值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
cmd 测试是否装置胜利
输出 javac 回车
3、装置 android studio（打包安卓必备）
环境配置（具体操作可参考结尾备注网址）
下载地址，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 门路
留神
配置实现之后，关上 android studio 进入 sdk manager
之后切换到 sdk tools 选中下载 android sdk build-tools 中的 23.0.2 这个版本
cmd 测试是否装置胜利
输出 adb 回车
4、创立 app 我的项目
关上命令行 cmd
切换到要创立我的项目的目录
生成目录文件
weex create my-firstapp
提醒：因为生成 app 我的项目的时候有提醒是否装置 vue-router（vue 路由）的提醒，如果需要的话能够间接打 y 装置，其余选项个别用默认就能够了
切换到我的项目根目录
cd my-firstapp
装置我的项目
npm install
增加安卓工程
weex platform add android
打包运行安卓工程
weex run android
运行以上命令，不出意外的话，曾经将官网 demo 打包成 apk 了
apk 的地位在
my-firstapp\platforms\android\app\build\outputs\apk
如果想运行 web 端工程的话可用以下命令
weex run web
小提示
如果下面的步骤存在提醒，说找不到 android 设施，请把手机用 usb 插在电脑上，而后开启 usb 调试性能即可
5、安卓 app 数字证书签名
打包进去的安卓 app 还须要进行签名能力装置在手机上，否则会出错
举荐下载 360 加固宝进行签名
http://jiagu.360.cn/
操作步骤可看加固宝教程
签名完后的 app 就能够间接运行在手机下面了
6、应用 android studio 运行 app（可选的打包预览形式，测试过不反对 amd cpu，举荐用安卓模拟器打包预览）
如果开发过程中每次像下面那样打包再装置是很麻烦，能够应用 android studio 的虚拟机
将你的 weex 我的项目导入到 android studio 中
将 my-firstapp\platforms\android\app 将这个文件夹导入到 android studio 中来，
途中 android studio 控制台可能会报错，双击谬误，期待装置，完事儿了
而后点击 AVD manager，选中一个设施，如果没有话先去机器人图标那边去增加个设施，而后回来，点击执行按钮，就能够关上虚拟机了
7、针对 amd cpu 的电脑可采纳安卓模拟器如网易 mumu 打包预览（举荐的打包预览形式）
下载并装置网易 mumu 安卓模拟器 http://mumu.163.com/
开启 mumu 右下角零碎利用外面的设置里把 usb 调试关上
连贯到 mumu 端口
cmd 命令行
adb connect 127.0.0.1:7555
运行预览安卓我的项目
切换到我的项目根目录
cd my-firstapp
如果没安卓工程可先增加安卓工程
weex platform add android
打包运行安卓工程
weex run android
胜利的话安卓我的项目就会运行在 mumu 模拟器上了
三、weex 开发调试局部
1、增加 weex debug（调试套件）
用于调试 app 用
cd 到工程目录下（app 目录的上一级）
weex debug
2、增加 vuex（即 vue 状态治理，非必须，vue 状态治理个别配合 vue-router 即 vue 路由用）
切换 cd 到我的项目 app 根目录
cd my-firstapp
装置
npm install vuex –save
3. 装置 weex-ui（非必须，前端开发个别配合 ui 更佳）
切换 cd 到我的项目 app 根目录
cd my-firstapp
装置
npm i weex-ui@latest -S
4. 装置 mockjs（非必须，前端开发模仿获取后端数据用）
切换 cd 到我的项目 app 根目录
cd my-firstapp
装置
npm i mockjs@1.0.0 -S
四、备注
1、node.js、npm 为初始必备条件, 个别装置完 node.js 会自带 npm
2、实用 npm 命令
（1）、查问以后装了多少 node 包
npm ls –depth 0 以后我的项目
npm ls -g –depth 0 全局
（2）检测更新依赖包（不举荐应用，会减少很多新的包，npm-check、npm-check-updates 自身就是包）
检测降级所有
npm install -g npm-check
npm install -g npm-check-updates
检测降级以后我的项目
npm install npm-check
npm install npm-check-updates
3、其余具体装置步骤和应用技巧可参考
https://blog.csdn.net/k491022…
https://blog.csdn.net/k491022…
http://weex.apache.org/cn/too…
https://www.jianshu.com/p/464…
4、这个最佳实际是安卓的实际,ios 大同小异
…
增加 ios 工程
weex platform add ios
打包运行 ios 工程
weex run ios
…
本文由 mdnice 多平台公布
