android+weex开发环境配置（配图）

android+weex开发环境配置：

1、需要的所有的开发包和安装的工具有：
    
    Android Studio 开发工具：http://www.android-studio.org/ 自行下载
    Jdk ： http://jdk.android-studio.org/
    SDK ： http://tools.android-studio.org/index.php/sdk
    
    Node： https://nodejs.org/en/download/                    
    Webstorm ：https://www.jetbrains.com/webstorm/
    
2、Android开发环境的具体配置（注意开车要全程连接外网）

    （Android Studio、Jdk、SDK）
        
    1》、Jdk的安装和配置：
        
        一、 http://jdk.android-studio.org/ 下载最新的jdk-8u181-windows-x64.exe傻瓜安装到指定目录，比如我的安装路径：
        D:\Android\DevelopTools\jdk1.8.0_181
          
           在安装过程中会询问是否安装JRE，选择安装，JRE属于Java的运行环境，我电脑上的安装目录为：
        D:\Android\DevelopTools\jre  (在jdk1.8.0_181中也有jre目录，两个一样，也可以配置jdk里的jre，自行选择)
           
        二、配置JDK环境变量：（参考：https://www.cnblogs.com/panfuyang/articles/8269408.html）
            第一种方式：新建JAVA_HOME与JRE_HOME，变量值分别为JDK与JRE的安装目录，
                然后Path中 添加环境变量分别为：%JAVA_HOME%\bin与%JRE_HOME%\bin两个变量之间用英文分号分割
              

              

             
            第二种方式：直接在Path中添加JDK与JRE的bin目录
             
        三、java -version
            报错：could not open `D:\Android\DevelopTools\java\lib\amd64\jvm.cfg'
            解决（参考： https://blog.csdn.net/xu10281/article/details/77074514）

             

            C:\Program Files (x86)\Common Files\Oracle\Java\javapath这个环境变量，系统自带的删除javapath即可
             

             
    2》、SDK的配置：参考（https://blog.csdn.net/zeternityyt/article/details/79655150）
        一、把下载好的sdk zip文件，放到指定目录并解压，比如我的：D:\Android\DevelopTools\android-sdk-windows
             
              
        二、点击 SDK Manager选择自己想要下载的对应的sdk platform ：
             

            
        三、环境变量配置：
            D:\Android\DevelopTools\android-sdk-windows\tools
            D:\Android\DevelopTools\android-sdk-windows\platform-tools
           
        四、dos测试命令：
            $ android
            $ android -h 
            $ adb 
            
            弹出global options：
            -a
            -d
            -e
            -s SERIAL
            ...即成功！
            
    3》、安装android studio到指定的目录（傻瓜安装即可或者问度娘）：
        比如我的安装路径：D:\Android\DevelopTools\AndroidStudioTools
        

        
        打开android studio创建项目后，有可能需要配置AS的SDK位置，
            setting → Appearance & Behavior → System Settings → Android SDK → 选择自己刚才安装的SDK目录，比如我的：android-sdk-windows
    
        注意一下（每次安装使用Android studio总会出现各种烦人的问题，总体来说解决办法：
            1.setting中的各种配置，比如：gradle 2.就是项目build.gradle中各种依赖包的不对应或者没有
        ）
3.weex开发环境配置（Node）：
       
    1》、nodejs安装，下载好node-v10.13.0-x64.msi 傻瓜安装到指定目录，
        （参考：https://www.cnblogs.com/zhouyu2017/p/6485265.html）
        比如我的安装目录：D:\Weex\DevelopTools\nodejs
        
        dos测试命令：$ npm -v
                       6.4.1
        
    2》、nodejs文件夹下，新建node_cache和node_global两个文件夹；
        将全模块所在路径和缓存路径放在我node.js安装的文件夹中
        
        创建完两个空文件夹之后，打开cmd命令窗口，输入

        npm config set prefix "D:\Weex\DevelopTools\nodejs\node_global"
        npm config set cache "D:\Weex\DevelopTools\nodejs\node_cache"
        
    3》、环境变量配置：
        （参考：https://www.cnblogs.com/zhouyu2017/p/6485265.html）
        进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Weex\DevelopTools\nodejs\node_global\node_modules】
        将【用户变量】下的【Path】修改为【D:\Weex\DevelopTools\nodejs\node_global】
        
        DOS执行命令：npm install express -g     # -g是全局安装的意思
        
    4》、安装判断：https://blog.csdn.net/u010326875/article/details/79816789
    
4.weex开发环境配置（Webstorm）：
     傻瓜安装即可，webstorm license server 这个自己问度娘，每次更新的不同
     
     
5.开发weex需要的东西，Terminal 命令来安装：

    1》、使用Webstorm打开weex项目，打开Terminal安装脚手架（因为我这里用vue来做开发）：
        
        一、DOS安装执行： npm install -g vue-cli  或者  npm install -g @vue/cli  用于创建Vue项目,自动初始化一些库
        
        （
            这就可以创建一个基于webpack 模板的新项目   参考：https://blog.csdn.net/u010326875/article/details/79816789
            $ vue init webpack new-project
            
            然后可以进入到new-project，打开Terminal执行：
            npm install  下载依赖的库
        ）
        
        
        
        二、DOS安装执行：npm install weex-toolkit -g  安装weex脚手架，这条命令会向你命令行环境中注册一个 weex 命令。
            你可以用 weex create 命令来创建一个空的模板项目 。参考：http://weex.apache.org/cn/guide/
        
        （
            weex create awesome-app 创建weex项目（我这里有了，所以直接引入）
            
            然后可以进入到awesome-app，打开Terminal执行：
            npm install  下载依赖的库
        ）
        
        三、如果已经有了weex项目在执行weex 命令的时候，就要跟着提示设置一些配置，比如：use npm 等