weex 是阿里推出的一個(gè)開發(fā)框架,我的理解就是為了達(dá)到寫一份代碼可以同時(shí)在移動端（Android端啤它、iOS端），Web端 同時(shí)運(yùn)行的目的而開發(fā)的一系列系統(tǒng)或者提出了解決方案叽奥。這個(gè)系統(tǒng)方案包含各種native sdk臊泰、weex項(xiàng)目喂很、構(gòu)建工具、調(diào)試工具抬闷、文檔等等妇蛀。
學(xué)習(xí)之前首先要有 Html耕突、Css和Js的簡單基礎(chǔ)。這個(gè)基礎(chǔ)可以僅知道各自概念评架、基本語法眷茁、基礎(chǔ)頁面繪制怎么寫就夠了。
首先我們搭建mac下的Weex 環(huán)境.
一.安裝nodejs
1先安裝brew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
查看brew信息
安裝完成后可以查看版本信息
brew --version
brew install node
安裝node后查看node 和npm版本信息
node -v
v10.4.1
npm -v
6.1.0
二.安裝weex
npm install -g weex-toolkit
成功后查看
weex --version
v1.0.4
- weex-builder : v0.2.12
- weex-previewer : v1.5.1
- weexpack : v1.2.5
這樣我們的環(huán)境就搭建好了,下面開始初始化項(xiàng)目.
三.項(xiàng)目搭建
創(chuàng)建的方式主要有2種 weexpack 和weex-toolkit
1 weexpack 方式
weex create projectName
npm install
weex-toolkit 方式
weex init projectName
npm install
使用weexpack 創(chuàng)建,可以創(chuàng)建三個(gè)端的,也可以用來打包
先cd 到木文件夾,我自己單獨(dú)建立了個(gè)文件夾叫weex,這個(gè)看官自己自定義哈.
我創(chuàng)建的項(xiàng)目名叫TestDemo
weex create Testdemo
這個(gè)運(yùn)行時(shí)間有點(diǎn)長,中間有多次選擇,自己看著選
完成后weex文件下下回多出來很多文件
project 創(chuàng)建成功后我們發(fā)現(xiàn) platforms 是空的
先cd到project的目錄通過如下命令添加iOS 和android
weexpack platform add ios
weexpack platform add android
文件夾下多了android 和ios的兩個(gè)工程項(xiàng)目
打開ios目錄的下的workplace 結(jié)果如下
運(yùn)行 并不成果,why?注意到紅色箭頭沒 Pods是紅色的!
WeexSDKManager.m中會報(bào)這個(gè)錯(cuò)誤,找不到文件
import <WeexSDK/WeexSDK.h>
另外我們發(fā)現(xiàn) ios下的Podfile 是黑色的,不能直接打開
腫么辦?
猜測問題在Podfile ,先cd 到 Podfile,用vim 打開Podfile
vim Podfile
結(jié)果如下
platform :ios, '8.0'
#inhibit_all_warnings!
def common
pod 'WeexSDK'
pod 'WeexPluginLoader'
pod 'SDWebImage', '3.7.5'
pod 'SocketRocket', '0.4.2'
end
target 'WeexDemo' do
common
end
target 'WeexUITestDemo' do
common
end
podfile 內(nèi)容沒問題 ,應(yīng)該是需要我們自己重新cocoasPods安一次,不會cocoasPods請去百度,這里不介紹!
輸入pod install
結(jié)果如下
[hongxin:ios hongxin$ pod install
Analyzing dependencies
Downloading dependencies
Installing SDWebImage (3.7.5)
Installing SocketRocket (0.4.2)
Installing WeexPluginLoader (0.0.1.9.1)
Installing WeexSDK (0.18.0)
Generating Pods project
Integrating client project
Sending stats
Pod installation complete! There are 4 dependencies from the Podfile and 4 total pods installed.
hongxin:ios hongxin$
完成后回到文件夾,發(fā)現(xiàn)Podfile.lock , 編譯工程,完美!
-------------------------華麗的分割線--------------------
緊接上次,could not write to the device這個(gè)錯(cuò)誤很多情況是因?yàn)閎undle id的問題 試著修改了bundle id為其它的 ,運(yùn)行 完美!
weex 學(xué)習(xí)研究中未完待續(xù)!
