Weex環境創建
可以根據Weex官方文檔的教程進行操作
官網教程
具體的創建步驟如下:
1. 先檢查是否安裝node 與npm
2. 替換鏡像源
3. 安裝 weex-toolkit
如下圖:
-
01.png
之后進行項目的創建
4. weex create myweex-project
02.png
如上圖,在第二個紅色框中,可以先不進行npm install的安裝 自行進行 cnpm install的安裝 提高速度,以免卡死到這個地方(??)。
5. 創建項目完成之后進入到目錄下 cnpm install
03.png
6. npm run serve
這個時候并不會打開自動打開瀏覽器 看到相關的界面 ,我們可以看到項目的整體架構如下
04.png
7.然后在 設置 autoOpenBrowser: true
05.png
autoOpenBrowser: true表示著,可以自動打開瀏覽器中的本地服務的界面, 到此我們可以簡單的看到Weex項目了
打開本地
創建Weex平臺下的iOS項目
下面開始基于weex創建iOS的項目(為啥不給我大iOS單列一個目錄介紹安裝iOS??)
8. npm install -g weexpack
安裝iOS項目
9.weexpack platform add ios
在項目的platforms文件夾下可以看到iOS的文件夾 這個就是我們需要的iOS項目,在命令行中cd到這個目錄下 pod install 重新安裝下cocopods(確保你電腦配置了cocopods環境)
06.png
現在我們就可以看到新的iOS項目了
07.png
在WXImgLoaderDefaultImpl.m中已經初步設置了圖片的加載處理方式我們可以根據自己的需要進一步的對它進行擴展和優化。
整體項目與一般iOS一樣 在appdelegate中設置項目的入口 然后啟動weex 進行WeexSDKManager的加載,并在WeexSDKManager中進行組件的注冊等操作。
在新創建的項目中,默認加載的是resource/bundlejs/index.js中的數據
后記
這樣我們就創建了一個基于Weex框架的iOS項目,具體的加載流程和組件的擴展可以暫時先看
Weex在iOS端的加載流程與一些問題
后續爭取更新更多的Weex相關的文章??