创建weex项目
注意:如果运行命令的时候遇到permission权限问题的话,记得在命令前面加上sudo
$ weexpack create appName 复制代码
下载安装依赖包
$ cd appName && npm install 复制代码
ios
$ weexpack platform add ios 复制代码
android
$ weexpack platform add android 复制代码
web
$ npm run build //web工程打包 $ npm run dev & npm run serve 复制代码
ios
weex run ios 或者 weexpack run ios 复制代码
android
weex run android 或者 weexpack run android 复制代码
android的坑
- 首先就是环境变量的问题,环境是mac,环境变量没配置好的话,会报
Enviroment variable $ANDROID_HOME not found!
错误,解决方案就是打开根目录的.bash_profile
文件,配置一下环境变量,配置好之后,记得退出terminal,重新打开运行
#我的sdk路径是/Users/mac/Library/Android/sdk export ANDROID_HOME=/Users/mac/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools 复制代码
- 运行当中,有时候会报错
Failed to find Build Tools revision 26.0.0
错误,这个是sdk的构建工具没有这个版本,weex不会自动给我们去下载,我们可以打开weex项目的app的build.gradle,重新设置一个我们项目有的一个版本,比如可以参考其他android项目下哪个版本有的,supportLibrary的版本如果遇到错误的话,可以按照这个方式一样进行设置
- 报下面这种错误的话,是因为dependens远程库的时候,网络不好没有下载下来,可以尝试在此运行项目可以解决
android:app:unspecified > Could not resolve com.taobao.android:weex_sdk:0.16.0. > Could not get resource 'https://jcenter.bintray.com/com/taobao/android/weex_sdk/0.16.0/weex_sdk-0.16.0.pom'. > Could not GET 'https://jcenter.bintray.com/com/taobao/android/weex_sdk/0.16.0/weex_sdk-0.16.0.pom'. 复制代码
ios的坑
用xcode打开项目,项目目录如下
platfroms-ios-WeexDemo.xcodeproj 复制代码
运行项目的时候会报错
'WeexSDK/WeexSDK.h' file not found 复制代码
这是因为依赖库没有下载下来,我们可以查看Podfile文件,需要下载哪些库,检查cocoapods是否被下载,由于没有做过ios开发,需要对ios的环境稍微配置一下
1、安装cocoapods
sudo gem install -n /usr/local/bin cocoapods 复制代码
gem安装如果慢的话,可以更改下载源,使用命令gem sources -l
查看当前gem的下载源,默认源是https://rubygems.org/
,我们先将这个下载源移除gem sources --remove https://rubygems.org/
,跟换一个淘宝的源镜像地址gem sources -a https://ruby.taobao.org/
2、pod install
cd到ios项目的根目录,使用pod install
来安装依赖库,如果是第一次使用的话,pod会去github下载Specs,如果没科学上网的话,下载会非常的缓慢,有时候,即使科学上网,下载到100%,最后也会报ssl错误,我的解决办法是,代理git方案,我的代理工具是socks,socks应用程序默认的端口是1080,大家可以自己查阅是多少,使用命令
#这条命令代理了git下载远程库的时候,全部走socks代理,即为全局 git config --global http.proxy socks5://127.0.0.1:1080 #自动代理模式,国内的默认,github的走代理 git config --global http.https://github.com.proxy socks5://127.0.0.1:1080 #移除代理 git config --global --unset http.https://github.com.proxy 复制代码
下载速度非常快,pod install安装完成后,可以看到Pods文件夹下面下载的库,xcode打开项目,使用命令command+B
命令重新编译运行,ok,可以运行