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 等