1. 程式人生 > >Weex簡介及環境搭建(mac版)

Weex簡介及環境搭建(mac版)

1.Weex簡介及特點

  • weex 是一個使用 Web 開發體驗來開發高效能原生應用的框架。
  • 在Ios和Android上都實現了一個渲染引擎,並提供了一套基礎的內建元件,渲染出來的都是原生元件。
  • 提供了一套基礎的內建模組,可以通過這些模組來呼叫一些原生方法。
  • Weex的口號是“Write once, run everywhere”,編寫一次程式碼,三端共用(Web, Android, Ios)。
  • Weex將Vue, Rax作為其內建的前段框架(Vue.js, Rax都已經集成了Weex SDK, 不需要再額外引用)。

2.安裝流程(ios)

2.1 安裝Node.js 4.0+

2.2 在專案根目錄下,安裝npm

npm install

2.3 安裝 weex-toolkit(WEEX工具包)

終端執行:

sudo npm install -g weex-toolkit

2.4 下載weex程式碼

2.5 ios環境安裝

  1. 安裝xcode,可從app store下載。

  2. 安裝CocoaPods(iOS開發的第三方資源管理工具,類似於npm)。
    需要先安裝ruby,mac預設自帶ruby,但版本不一定夠高,可以通過rvm(類似於nvm,同時管理多版本環境)更新ruby。選擇2.3.0版本即可正常安裝CocoaPods。
    安裝命令為:

sudo gem install cocoapods
  1. 進入weex目錄下playground/ios,在該資料夾下開啟終端視窗,執行
pod install

安裝第三方資源,該過程比較長,請耐心等待。

這裡寫圖片描述

  1. 用Xcode開啟WeexDemo.xcworkspace。
  2. 單擊“執行”即可看到介面。

更多內容,歡迎關注微信公眾號“讓知識成為資產”。

相關推薦

Weex簡介環境搭建(mac)

1.Weex簡介及特點 weex 是一個使用 Web 開發體驗來開發高效能原生應用的框架。 在Ios和Android上都實現了一個渲染引擎,並提供了一套基礎的內建元件,渲染出來的都是原生元件。 提供了一套基礎的內建模組,可以通過這些模組來呼叫一些原生方法。

最詳細的JavaWeb開發基礎之java環境搭建(Mac)

windows UC 環境變量設置 喜歡 linux 系統 設置 限制 download 了解 閱讀文本大概需要 5 分鐘。 我之前分享過在 Windows 下面配置 Java 環境,這次給大家帶來的是 Mac 下面安裝配置 Java 環境。首先 Mac 系統已經帶有

Flutter第一步,開發環境搭建Mac

由於我公司使用的是Mac電腦,但家裡是windows。所以這篇文章沒有視訊,但我會寫的儘量詳細。希望你能通過閱讀文章,也能在mac上搭建起Flutter環境。照著這篇文章配置時,你最好自備了梯子,否則不保證能順利完成。 系統環境要求 因為Flutter是新出的框架,所以對系統還是有一定的要求的。

nexus 私有伺服器環境搭建(mac)

配置環境變數 open ~/.bash_profile 新增你下載的nexus的bin目錄,我的是/Users/luoxiaohui/Develop/software/nexus-3.7.1-0

vue開發環境搭建Mac

一、前言 因工作緣故,需要做一個移動端app,面對2016下半年至今webapp最流行的三個技術React,angular,vue,三選一,如何先,經過前期的技術選型,最後決定使用vue。具體檢視本人之前的blog移動app技術選型,react,angular,vue二、vu

React簡介環境搭建

下一步 公司 窗口 容易 npm art 發布 pan 開發 (一)React的簡單介紹 React 來自於Facebook公司的開源項目 React 可以開發單頁面應用 spa(單頁面應用) React 組件化模塊化 開發模式 React通過對DOM的模擬(虛擬dom

Spring1:Spring簡介環境搭建、原始碼下載匯入MyEclipse

框架學習前言 這個模組是面向Spring的,Spring的學習我是這麼想的: 1、簡單介紹Spring,主要是從網上借鑑一些重點 2、儘量說明清楚Spring的使用方法以及細節點 3、儘量以自己的理解講清楚Spring中的一些原始碼 Spring是什麼 Spr

Spring1:Spring簡介環境搭建、源碼下載導入MyEclipse

下載源 xml文件 lips csdn 切換 命令 硬編碼 結合 xmlns 轉自:Spring1:Spring簡介、環境搭建、源碼下載及導入MyEclipse 框架學習前言 這個模塊是面向Spring的,Spring的學習我是這麽想的: 1、簡單介紹Spring,主

Python零基礎學習系列之二--Python介紹環境搭建

url 軟件包 三方庫 簡單的 lin 文件的 span 高級程序設計 擴展 1-1、Python簡介:  Python是一種解釋型、面向對象、動態數據類型的高級程序設計語言。Python由Guido van Rossum於1989年底發明,第一個公開發行版發行於1991年

十 Appium環境搭建(Windows)

變量 mas absolute element edit windows 系統 before andro 註:appium安裝到C盤,node.js安裝到C盤 一、安裝node.js 1、到官網下載node.js:https://nodejs.org/en/download

weex 與 weexpack 環境搭建

nod 管理工具 target readme.md deb 路徑 插件 參數 需要 weex 與 weexpack weex init 會生成一個 weex 項目, 裏面有weex, vue 模板。如果要開發 Android,需要建一個 Android 項目。 weexpa

萌新--關於vue.js入門環境搭建

art 安裝 list 建議 href pack 推薦 新手學 走了 十幾天閉關修煉,惡補了html跟css以及JavaScript相應的基礎知識,恰巧有個群友準備做開源項目,願意帶著我做,但是要求我必須懂vue.js,所以開始惡補vue.js相關的東西。 在淘寶上買了相關

REDIS-sentinel測試環境搭建(MAC)

usr lov rbo 當我 mas 恢復 環境 log dmi 最近在搭建Redis-Sentinel測試時,將遇到的問題在這標註下. 部署: 三個Sentinel實例,端口為:36379,36380,36381,將Sentinel配置文件放在同一目錄下.結果運行Sent

flask-系統介紹環境搭建1

技術 路由 退出 介紹 電影 登錄 pychar 前臺 處理 1.系統介紹 前臺首頁-電影篩選-電影列表- 播放詳情-評論:收藏-搜索-註冊-登錄-會員中心(修改會員資料,查看評論記錄,登錄日誌,收藏電影)。 後臺-標簽-電影管理-預告-會員-評論-收藏-日誌-權限管理-角

Scala & IntelliJ IDEA環境搭建升級:在JAVA中調用Scala的helloworld

手動 tor 三種 csdn right cati ngx folder 點擊 --------------------- 前言 --------------------- 項目關系,希望用Spark GraphX做數據分析及圖像展示,但前提是得會spark;spark是基

JavaSE基礎_java簡介環境搭建_2

配置 png java ads 打開 驗證 body java程序 一個 準備工作: 下載JDK和JRE,按照指引一步一步安裝好即可。 配置環境變量 右鍵 我的電腦 -- 屬性 點擊高級系統設置 點擊環境變量 變量名:JAVA_HOME 變量值:D:\Progr

Koa2介紹環境搭建

對象 運行 體積 初始 window ini 基於 ddl 執行   Koa2是現在最流行的基於Node.js平臺的web開發框架,它很小,但擴展性很強。Koa給人一種幹凈利落的感覺,體積小、編程方式幹凈。國內很多知名互聯網公司都在使用,BAT(百度、阿裏、騰訊)全部都在使

最詳細的JavaWeb開發基礎之java環境搭建(Windows)

images 第一步 tools -s inf cde 空格 window 打開 閱讀文本大概需要 3 分鐘。 首先歡迎大家來學習JavaWeb,在這裏會給你比較詳細的教程,從最基本的開始,循序漸進的深入。會讓初學者的你少踩很多坑(大實話),如果你已經掌握了Jav

Appium環境搭建(Windows)

17. https href 還需 cto level too 安裝文件 圖片 註:appium安裝到C盤,node.js安裝到C盤 一、安裝node.js 1、到官網下載node.js:https://nodejs.org/en/download/ 2、獲取

Java簡介以及環境搭建

nload eba 技術分享 電話 jdk1.8 我們 對象 說明 jar Java是一種可以撰寫跨平臺應用程序的面向對象的程序設計語言。Java 技術具有卓越的通用性、高效性、平臺移植性和安全性,廣泛應用於PC、數據中心、遊戲控制臺、科學超級計算機、移動電話和互聯網,同時