阿里巴巴开源框架Weex学习填坑记录

       在公司接到一个项目需要使用Weex+vue.js来开发跨平台App，第一次使用这个框架，听说这个框架是阿里巴巴内部使用的开源框架，听起来挺高大尚的，不过网上可以参考的资料太少了，而且基本都是老版本weex的资料，和现在的weex融合vue2.x后相比，已经有挺多不一样的地方。所以现在自己记录下，为后人铺路。

     网上多数资料和命令行创建都是基于web的开发，今天我主要针对移动端开发进行一系列的命令行整理：

     1.安装node（这个是必须的，详细步骤自己网上找，这里就不累赘）

     2.全局安装weexpack

   npm install weexpack -g

    3.生成weex项目
    

   weexpack create 项目名字

   4.进入项目根目录安装依赖

   npm install

   5.安装应用模版生成android或者ios工程
    android模版：
             

   weexpack platform add android 

    ios模版:
          

   weexpack platform add ios

  6.打包apk
    android打包：  

   weexpack run android

    ios打包:
       模拟器运行：

   weexpack run ios

       构建ipa包 ：

   weexpack build ios

注意：构建包的过程中，将会提示让您输入CodeSign（证书），Profile(provisioning profile),AppId，只有输入真实的这些信息才能成功打包。 其余如AppName,和入口weex bundle文件可以编辑项目目录下的ios.config.json配置。 打完包成功之后，可以在/playground/build/ipa_build/目录下获取ipa文件
注：证书需要预先安装到keychain中，在keychain中点击右键获取证书id（证书名称），provisioning profile文件（*mobileprovision）需要获取UUID，进入目录 可以看到mobileprovision_UUID.sh文件，此文件可以获取到UUID
mobileprovision_UUID.sh用法如下： $ ./mobileprovision_UUID.sh *mobileprovision
参数（*mobileprovision）为provisioning profile文件路径。


    html打包：
          

   weexpack build web

    在html5平台运行：
           

   weexpack run web

   7.将vue文件转js文件

   weex-builder --ext vue  项目根目录\src  项目根目录\src\build